CSS & Code
Button Up: How I Add a Little Magic to Website Buttons with Hover Effects
As a graphic designer who also dabbles (okay, lives) in front-end web design, there’s something I absolutely love: a good button. Not just any button, though—I mean one that responds when you hover over it. You know, that little moment of delight when a button changes color and text, and it does so with a smooth little swoosh?…
Read MoreUnderstanding the box-shadow CSS Property
As a graphic designer, I love finding ways to add depth, personality, and a little magic to my designs. One of my favorite tricks? The box-shadow CSS property! Think of it as the digital equivalent of a soft spotlight or a bold neon sign—it’s all about making elements pop. What is box-shadow? The box-shadow property…
Read MoreHow to Use CSS to Create a ‘Sticky-Scroll’ Effect
Creating a smooth and engaging user experience on your website often involves making certain elements persistently visible while scrolling. One effective way to achieve this is by using CSS’s position: sticky; property. In this post, we’ll explore how to use CSS to implement a ‘sticky-scroll’ effect and discuss practical use cases. What is position: sticky;?…
Read More