the trick to this css card glow/shine effect is... blurring a duplicated layer that moves around 👨‍🍳 the og post mentions feGaussianBlur but you can use css filter blur too (there's a toggle 👇) filter: blur(28px) saturate(5) brightness(1.3) jus' need to test what plays best!show more

💡CSS techniques: "The Backlight" Using a blur filter you... can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:show more

By combining the SVG bloom filter I made with... CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨show more

messin' with css frosted + saturated borders using background-clip... + backdrop-filter 👨‍🍳show more

Do you know about the filter property in CSS?... Among many other awesome options, it allows you to easily add a black and white effect on images.show more

backdrop-filter + svg-filter #css

i'm late to this but CSS Minecraft (by Benjamin... Aster) is the coolest CSS hack i've ever seen and it's not close. what a feat. there's no javascript on this page!!show more

you can totally do it with css 🧑‍🍳 use... a border mask, layers + overflow: hidden, or other tricks skip animating the gradient though, jus' spin a 1:1 gradient layer 🤙show more

That SVG filter is the whole reason this CSS... scroll animation is even possible 🙏 (now with improved timing ✨)show more

border-radius can actually take up to eight values, like:... `10% 5% 5% 10% / 5% 10% 10% 5%` that lets you create all kinds of organic shapes in pure css! add blur + some layering and you can make it into a fancy glowing loadershow more

How I built with Claude 👇 1. CSS linear-gradient... animated backgrounds create that deep blue oceanic atmosphere with zero images 2. Intersection Observer API staggers each section headline in as users scroll through the content 3.Use a fixed sticky nav with backdrop-filter blur signals authority and keeps users oriented 4. Save this if you want a corporate site that makes billion dollar clients take you seriously 🌐show more

🤯 Blur content in React Native Android - no... library! Just use filter: blur(10px) directly in your styles. ✅ Blurs element content (text, images, etc.) ❌ Not a backdrop blur 📌 iOS equivalent: CIGaussianBlur via CIFilter 📌 Web equivalent: filter: blur() Requires RN 0.77+ or Expo 53+. React Native docs : ⚡ Demo + code in thread 👇show more

An awesome CSS trick is to use :hover on... the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻show more

circular carousel v6————added proper css mapping based on angle... (here blur + opacity) + experiments with css 3d transformsshow more

hear me out you don’t need js to create... a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`show more

A 🔥 browser extension every CSS developer must have.... CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇show more

reminder that you can also create lighting effects with... a little css + svg filters <feSpecularLighting> + <fePointLight> bound to pointer position 👨‍🍳show more

💡CSS Tip! Create a tooltip that follows an anchor... with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!show more

if you need some free and open source tailwind... css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.show more

Whoot! I just learned you can use animatable CSS... grid rows to transition an element's height from 0 to auto! Toggle a class and see the magic happen. Thx to Chris Coyier for sharing this little gem. 💯 Video alt: Exampe showing an animated height.show more

finally got around to updating my site to Next.js... 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.show more