A 3D Parallax Card is a modern design element that instantly grabs attention by adding motion and depth to your content. With its smooth parallax effect, you can showcase text, images, or call-to-action buttons in a dynamic, interactive style. The best part? You can create this engaging effect in Elementor for free, without needing complex code or premium plugins.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the 3D Parallax Card widget to your Elementor website
To add a 3D Parallax Card, install the Parallax 3D Content Card widget from the Unlimited Elements Widget library.
Step #4: Add the Parallax 3D Content Card widget to your Elementor page
Now, in the Elementor editor, find the Parallax 3D Content Card widget and drag it to the desired part of your page.
General Settings
Layout Settings
Show Image
Toggles the visibility of an image.
Image
Select or upload an image to display.
Image Size
Choose the appropriate image size.
Show Image Overlay
Enable this option to display an overlay on the image.
Show Title
Toggle the visibility of the title.
Title
Enter the text for the title that will be displayed.
Show Subtitle
Toggles the visibility of a subtitle.
Subtitle
Enter the text for the subtitle that will be displayed.
Show Icon
Toggle the visibility of an icon within the card content.
Icon
Choose or upload an SVG icon to display inside the card.
Show Button (Pro)
Toggles the visibility of a button inside the card.
Button Text
Enter the text that will appear on the button.
Button Link
Set the URL that the button will navigate to when clicked.
Show Inner Border (Pro)
Enable this option to display a border inside the card.
Show Badge (Pro)
Toggles the visibility of a small badge or label.
Badge Text
Enter the text that will appear on the badge.
Badge Link
Set the URL that the badge will navigate to when clicked.
Badge Icon
Choose an icon to display inside the badge.
Wrapping it Up!
Creating a 3D Parallax Card in Elementor is a simple yet powerful way to elevate your web design. By combining motion, depth, and interactivity, you can highlight your content in a visually striking way that keeps users engaged. Try it out on your next project and give your Elementor website a modern, interactive edge—without spending a single dime.