Uploaded April 2025 | Updated September 2026, 1 week ago

---

Make your elements pop with this smooth 3D flip effect using perspective + rotateX/rotateY!

#box4 {
transition: transform 3s ease;
}

#box4:hover {
transform: perspective(200px) rotateX(360deg);
/* transform: perspective(200px) rotateY(360deg); */
}

Get Ergonomic Keyboard: amzn.to/3YG6fOf (Affiliate link)
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Join this channel to get access to perks:
youtube.com/channel/UCMlolkzOaMlIcf_CdljmIOg/join
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
❀ Support me on Patreon: patreon.com/sirchogyal
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
❀ Join me on Telegram: https://telegram.im/@code8home

❀ Facebook: facebook.com/code8home

❀ Merch on T-Spring: my-store-6057984.creator-spring.com

❀ Visit my blog at c815.blogspot.com

▶️ Subscribe to this channel for more videos.