Category: CSS

A few years ago when I started using css custom properties, I would try all kinds of things with them to see what I could discover about using them. One of the things I made is this .fs-scale class...

Initially, browsers universally applied focus styles via the :focus pseudo-class to all focusable elements, typically as a focus ring. This default user-agent style ensured every link and button...

Recently I found a need to calculate vh and vw

I had to code a design that was like half a pie chart with text in the slices and the center of the chart was cut out in a circle like a donut. You can see it here on Squad by Mamamia. The solution I...

Let's make a fly in animation on scroll with css custom properties and the intersection observer.

Here's 2 ways to position the underline in text. The easiest way is to use text-underline-offset. Another way is to put the text in a <span> or <div> and use padding-bottom and border-bottom....

As far as I know, there wasn't any way to dynamically change the CSS properties of pseudo-elements. Now that CSS custom properties are supported in the latest browsers, there are two ways in which...

I enjoy the challenge of making single div things using just CSS to make it. Over the past few years I made a few country flags.