Interactive 3D hover effects for your content.
Transform standard cards into immersive 3D elements that react to user interaction. Perfect for gaming profiles, product showcases, or team member bios.
Note
There is a bug in Divi 5 Beta 3.1 that can cause the interactions to misbehave, so if you want to use this layout it is best to roll back to version 3.0 or wait for Elegant Themes to fix this.
What’s included
Smooth 3D Tilt Effect Cards naturally tilt and rotate based on the mouse position, creating a premium depth effect.
Pop-out Animation Main subjects (like characters or products) break the frame and “pop out” in 3D space on hover.
Dynamic Backgrounds Background elements dim and shift to enhance focus on the main subject.
Compatible with Loop Builder Fully compatible with Divi Loop Builder loops. Use it as a template for your blog archives or custom post type grids.
Zero Plugins Required Built with native Divi 5 features and a lightweight custom script. No heavy plugins to slow down your site.
Divi 5 Features Used
- Native Module Attributes: We use Divi 5’s native attribute system to pass data (perspective, tilt amount) to the script.
- Divi 5 Styling Engine: All transitions and transforms are handled via the robust new styling engine.
- Nested Group Modules: Leverages the power of nested groups for complex structural layouts.
Perfect for
- Gaming Portfolios – Showcase characters or stats.
- Product Cards – Make products stand out in a shop grid.
- Team Members – Add personality to “Meet the Team” pages.
- Feature Highlights – Interactive cards for service features.
Get started in 3 steps
- Import the layout to your Divi Library.
- Add the layout to any page or Loop Builder template.
- Customize the images and
data-*attributes to match your style.
