Master Interactive Web Design with 3D Image Card Flips

Master Interactive Web Design with 3D Image Card FlipsMaster Interactive Web Design with 3D Image Card Flips

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Khadijah (Dija) 💥

pro

• 2h

Day 30/30 ✦ Designing interactive websites every day for 30 days.

This build features an Interactive Typography Slideshow with 3D Image Card Flips and Staggered Text Hover effects. Category links slide up letter-by-letter on hover while the main image splits and flips in 3D perspective to transition between photos.

Website CSS Web Design Web Development Claude Figma Google Antigravity webdesign webdeveloper websites

Kris Anfalova

pro

• Jun 22

Always down for a fresh UI experiment! 🎨✨

Just finished up this new concept: FAME.X — a platform designed for investing in digital talent and creators.

For the visual direction, I wanted something bold, energetic, and slightly futuristic. To pull that off, I went heavy on high-contrast, grainy gradients mixed with massive, striking typography and sleek glassmorphism cards. It gives the whole platform that trendy, high-value feel. 🔥

I’m an absolute sucker for testing out new design tools, and when they are built by awesome people, it’s an ultimate ccccombo. 💥

To get these incredibly juicy gradients, I used a brand-new tool created by Leo. I’ve been playing around with it, and it’s honestly just pure joy to use. Plus, it’s completely free.

If you want to level up your gradient game, you absolutely have to try it out: https://www.gradientool.com/