Loading video...

Video Failed to Load

Go Home

CSS-only Optimus Prime toggle 🤙 CSS transform was intended for transformers, right?

235,609 views • 3 years ago •via X (Twitter)

9 Comments

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈3 years ago

Here's that @CodePen link! 🚀 You can tap anywhere to transform. Moving the cursor steers the truck or rotates his head 🤙 Hit the checkbox to slow things down. "CSS, Cascade!"

Florin Pop 👨🏻‍💻's profile picture
Florin Pop 👨🏻‍💻3 years ago

WOW! 😳 How much it took you to build this?

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈3 years ago

Sooo, I spent a day putting it together. Like an afternoon and evening with a lot of procrastination involved 😅 The hardest part? Actually working out the dimensions so the arms fold perfectly into the body, etc. Nightmare!

Addy Osmani's profile picture
Addy Osmani3 years ago

This is pretty amazing.

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈3 years ago

Thanks Addy! 🙏 Appreciate it 🤙

Cory's profile picture
Cory3 years ago

Coolest CSS-only thing I’ve seen!!!!

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈3 years ago

@ccatherall15 Thanks Cory! 🙏 I was kinda surprised I didn't find a CSS Transformer with CSS transform elsewhere on the net 😅

Oscar Cornejo's profile picture
Oscar Cornejo3 years ago

I insist, you should take an animation course! I would pay for it! 👌🏼

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈3 years ago

Spoiler. This is planned/happening 👀

Related Videos