Skip to content

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 More

Understanding 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 More

How 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