Amit Sheen

We all need more *frontend-* horse. 😃

Thanks!
But I think the logo we ended up choosing was better. 😀

YouTube video by Web Conferences Amsterdam Building a Computer with CSS - Amit Sheen - CSS Day 2025

I’m excited to share that my session from CSS Day is now live on YouTube 🎥

Ever wondered what a CPU is actually built of? And if it's possible to build one using only #CSS? If so, I think you’ll enjoy it. 👍

Would love to hear your thoughts! 😀

🔗 www.youtube.com/watch?v=PFqt...

YouTube video by Web Conferences Amsterdam Building a Computer with CSS - Amit Sheen - CSS Day 2025

In case you missed it yesterday, here's @amitsheen.bsky.social building a computer with CSS.

www.youtube.com/watch?v=PFqt...

This is awesome!
I didn’t know about this, and someone else sent it to me yesterday as well. It’s amazing how similar it looks.

The difference here is that I’m not using any special hardware, just a regular old webcam. And no laptop, it’s running directly in the TV’s browser.

Thanks.

Not my phone, my eyes. it finds the center point between your eyes (in a full 3d space) and sets the perspective origin accordingly.
In the video I'm just holding the phone near my face.

I’m trying to turn my TV into a full-on 3D portal. This is phase one, what do you think? 😎

No, it is not AI. Yes, it’s all done with #CSS perspective.

three men standing next to each other with the words you keep using that word ALT: three men standing next to each other with the words you keep using that word

📣 New Article:
📣 Rethinking “Pixel Perfect”

a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.

🔗 www.smashingmagazine.com/2026/01/reth...

@smashingmagazine.com

Would be honored to be considered, if the rest of the roster is up for a challenge 😜.
Expect weird CSS, questionable life choices, and at least one unnecessary pseudo-element.

Oh yes!
I’m going to use this so much!!!

Beyond the Mouse: Animating with Mobile Accelerometers Mousing over an element and watching it tilt in 3D space is a beautiful and compelling effect. Let's bring it to mobile and use the phone itself rather than a cursor.

📢 New article!
Beyond the Mouse: Animating with Mobile Accelerometers

If you want to make mobile interfaces feel more alive, I would love for you to take a look.

🔗 frontendmasters.com/blog/beyond-...

* For the full experience, I highly recommend reading it on a mobile device.
@frontendmasters.com

Kicking off 2026 with WebXR experiments! 🚀 🏀

btw, a year ago I was playing with 2D hand tracking via the webcam and projecting it into 3D using CSS. Now I am waiting for a more solid implementation of the WebXR DOM Overlays Module so I can start layering some CSS on top of it too. 🤣

This is amazing!
had not seen it, great work.

I actually tried to avoid using trigonometry and 3d matrices on my end, to keep the whole thing more approachable, and so that I can use this on more complex shapes later.

Playing with triangles to create mesh deformation in pure #CSS.

Live demo @codepen.io: codepen.io/amit_sheen/f...

Nice!
I love animation experiments that react to the mouse position.
Here’s something I made a few months ago that I really like.

codepen.io/amit_sheen/f...

Turn any profile picture into a stunning piece of art.

Upload your image, adjust the slider, and download your new picture.
Enjoy. 😃

🔗 Live on @codepen.io: codepen.io/amit_sheen/f...

Not sure about "swear by", but I use a simple crop DSLR (Canon D850) with a fixed 24mm 2.8 lens. Using a single LED projector for lighting (it's pointing backwards towards the wall so I get a nice soft reflection), and a blue flood-light on the back wall. Not fancy, but I'm happy with the result. 😎

What now?!

I saw a few folks posting their FizzBuzz solutions, so I figured I’d make my own pure #CSS version. (No markup)

🔗 Live demo on @codepen.io: codepen.io/amit_sheen/f...

I’m actually working on a mobile solution right now. I have a really interesting direction that looks promising. As soon as I have a stable enough example, I’ll share it here.

Use it! And share the result.
If you need help with the implementation, I’m here. :)

📣 New article on @frontendmasters.com about a visual problem that bugged me for years: making a card that truly feels deep.

frontendmasters.com/blog/the-dee...

Would love your thoughts.

Mabrook! Congratulations 🎉

I'm sorry, didn’t mean for it to sound like Chrome was the only one driving this. I only highlighted the Chrome update as a signal that the feature is starting to gain traction. I’ve adjusted the article, hope it reads better now.

True, but it still was not very usable. It is still not practical to use it in production, but I am really happy to see it starting to get implemented.

Great work!

And yes, I did. 😜
The rotation is nice, but it's old (about 4 years ago), it uses scss, animates the clip-path, and it's very heavy and slow. Not my best code. Maybe I need to redo it with modern CSS...

🔗 codepen.io/amit_sheen/p...

Playing with angles is fun! 😀
I'm here if you want to figure out the math together.

Inspired by Temani’s brilliant work, where he created a box using only `border-radius` and `corner-shape`, I built on his code, played with different angles, and came up with this dynamic demo.

Live demo on @codepen.io: codepen.io/amit_sheen/f...

✨ New article ✨

Are we at the start of a new era?

Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS.

What do you think?

css-tricks.com/css-typed-ar...

CSS Typed Arithmetic | CSS-Tricks Starting in Chrome 140, we'll be able to calculate numeric values with mixed data types. Sounds small, but Amit demonstrates how big a deal this is, calling it Computational CSS.

You know how we can’t calc() numbers with mixed data types? Well, that's changing (Chrome 140) and it might be a bigger deal that @amitsheen.bsky.social describes as "self-aware” CSS.

css-tricks.com/css-typed-ar...