Amit Sheen

Following @anatudor idea, I made an (almost) no-JS version of my Proximity Reactions experiment. All the JS does is pass the mouse position to CSS custom properties, and that's it. All calculations are done in #CSS using native math functions. All that's left now is to get the…

I saw a great video by Oliviero Spinelli about Proximity Reactions in After Effects (link below) and thought I'd try to do something similar with some JS+CSS. 😎 I especially liked the way the shadow is cast, and there's a nice hack there, I'm using (forced) perspective to…

** This animation is 100% linear! ** Sure, there are spheres, curvy lines, and circular motion. Made with a few #CSS animations and some tricky keyframes. But the timing functions? Pure linear easing across the board. 🔗 Live demo on @CodePen: codepen.io/amit_sheen/ful…

This is the simplest complex animation I’ve ever made (with #CSS). It uses only two animations: a single keyframe to rotate on the Y axis, and another with a simple Y-axis translate. That's it. The trick is knowing how to combine them in a clever way. 😉 🔗 Live demo on…

✨ New article! ✨ A few weeks ago, while brainstorming silly things I could do with Scroll Driven Animations, I suddenly remembered that text can be animated too 🤯. That little spark quickly led me to a new idea: a Scroll-Driven Sticky Heading. 🔗 Check it out on @css (CSS…

Hey friends, good news! 📣 Starting next week I’ll be available to take on a new project. Anything frontend that could use a creative touch. Development, consulting, and anything in between. Happy to chat if you have something interesting. Shares would be appreciated! 🙏

Cute Shaking Skull ☺️🤝☠️ (CSS only) Click the skull to shake it. 🥴 Live demo on @CodePen: codepen.io/amit_sheen/ful…

It’s my CodePen Proniversary! 🎉 Celebrating another year as a PRO member on @CodePen. So much creativity, learning, and endless inspiration from the community. 🤯 Huge thanks to the team for all the work they’ve done (and keep doing) in building and maintaining this amazing…

We're ba-ack! 🎉 Get ready to have some serious fun with CSS! @KevinJPowell and I are thrilled to bring back our CSS Games Workshop. 🤩 Want to build awesome games with just CSS? Now's your chance! Join us: courses.kevinpowell.co/css-games-work… (get 25% off for the next 24 hours)

When one needs to disconnect a bit from the surrounding reality, one makes a satisfying endless #CSS animation. ♾️Infinite wheel ☸️ Live demo @CodePen: codepen.io/amit_sheen/ful…

One of the side topics of this CSS-packed weekend was undoubtedly Origami. And @supremebeing09 reminded me that I'd done this... thing (what do you call that?!) a few years ago. (just refactored it now a little to use pure CSS) 🔗 Live demo on @CodePen: codepen.io/amit_sheen/ful…

A couple of balls flying through a box of frames. #CSS only. 🤦 the things I'm doing while procrastinating instead of working on my presentation for #CSSDay next week. 🔗 Live demo @CodePen: codepen.io/amit_sheen/ful…

I'll never forgive ChatGPT for ruining em dashes for all of us

Inspired by @AkiyoshiKitaoka, I made this pure #CSS, interactive, single div (well, single checkbox) optical illusion. There are only straight lines here, but they look like they're bulging outwards. Clicking the square changes the effect so that the lines appear to be slanting…

Last night I gave a talk on 'things that were once impossible' with pure CSS, and showed how it can be done today. (Easily! 🤯) It’s wild how powerful CSS became, and how much time and effort we can save by simply writing solid CSS that does what it was always meant to do.

✨ New article is live: CSS Spotlight Effect I asked myself what we could do with just the mouse position, and got to this fun simple effect. Hope you enjoy it, and maybe it will spark some new ideas for you too. 😊 🔗 Check it out on @FrontendMasters: frontendmasters.com/blog/css-spotl…

📢 Today! In-person meetup. Food, drinks, mingling, and two interesting talks (one mine 😉), see you at 18:00 at the Fireberry white-diamond building. 🔗 meetup.com/frontendistim-…

My European (and Australian) friends – are you ready for Eurovision tonight? Not many people know this about me, but I’m a big fan of the contest and a regular viewer. So, to show my support for the best song this year (song #4 – don’t forget to vote!), I built Yuval Raphael’s…

🪶 New Article 🪶 "Am I a Sadistic Developer? Are You?" Have you ever stared at a piece of code and thought, What the hell was that person thinking? Has anyone ever stared at your code and asked themselves the same thing? That's exactly what my new article is about, and it's…

Simmering Squares High saturation, low perspective, and lots of randomization. (No canvas, just a bunch of moving DOM elements) 😎 Live demo on @CodePen: codepen.io/amit_sheen/ful…