Shofol's Blog
Series

CSS Shorts by Shofol

CSS is important! CSS is fun! CSS is mysterious! This series is only about CSS. I will try to write about some exciting CSS properties and selectors. I am not here to teach you but to learn with you!

Articles in this series

How to Create Stunning 3D Hover Effect with TailwindCSS

Dec 8, 20243 min read

Have you ever been mesmerized by those stunning 3D parallax hover effects on cards? They look complex, right? Well, I thought so too, until I came...

How to Create Stunning 3D Hover Effect with TailwindCSS

Create a heart shape with Pure CSS

Jul 2, 20243 min read

CSS Shorts by Shofol · CSS is fun. Often, we find it difficult and try to avoid it, even for simple tasks. We download different libraries to handle...

Create a heart shape with Pure CSS

Create a gradient progress bar with CSS

May 10, 20233 min read

Have you noticed cool gradient progress bars around the internet? I have seen many cool websites using it. Recently I was going through JoshWComeau's...

Create a gradient progress bar with CSS

Create an overlay without creating a new element

Jan 26, 20232 min read

Do you want an overlay over your image, video, background or whatever? Then you can do that by just adding some CSS and you won't need to add another...

Create an overlay without creating a new element

How to make a gradient border just in 2 steps

Jul 9, 20211 min read

😥 We don't have any straight attribute on CSS to get a gradient on any elements till now. 😉 But, with a little technique, we can achieve this. Add a...

How to make a gradient border just in 2 steps

Stylize your background with backdrop-filter.

Jun 28, 20212 min read

🤔 What is backdrop-filter ? We have filter attribute in CSS to tweak different kinds of properties of an element like contrast, opacity, blurriness,...

Stylize your background with backdrop-filter.