@shofol

How to Create a Rotating Glow Effect on Buttons with CSS and JavaScript

Dec 11, 2024 · 5 min read · Ever wondered how websites create those eye-catching buttons with glowing, rotating effects? These effects can captivate users and elevate your website's UI/UX. Let’s explore how to build them step-by-step with CSS and a bit of JavaScript. https://co...

How to Create Stunning 3D Hover Effect with TailwindCSS

Dec 8, 2024 · 3 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 across a simple CodePen demo that showed how easy it is to create one. Do you want to learn it too? Let...

Create a heart shape with Pure CSS

Jul 2, 2024 · 3 min read · CSS is fun. Often, we find it difficult and try to avoid it, even for simple tasks. We download different libraries to handle these tasks, but that can lead to performance issues. CSS is powerful but tricky. So, learning CSS tricks is both fun and ef...

Create a gradient progress bar with CSS

May 10, 2023 · 3 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 'The Joy of React'. The course platform is so unique and full of resources. There's a gradient progr...

Create an overlay without creating a new element

Jan 26, 2023 · 2 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 HTML element for that! How? Let's see- We can make it with the power of ::before/::after selectors. ...