正在加载视频...

视频加载失败

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

235,609 次观看 • 3 年前 •via X (Twitter)

9 条评论

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈3 年前

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 👨🏻‍💻 的头像
Florin Pop 👨🏻‍💻3 年前

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

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈3 年前

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 的头像
Addy Osmani3 年前

This is pretty amazing.

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈3 年前

Thanks Addy! 🙏 Appreciate it 🤙

Cory 的头像
Cory3 年前

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

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈3 年前

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

Oscar Cornejo 的头像
Oscar Cornejo3 年前

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

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈3 年前

Spoiler. This is planned/happening 👀

相关视频