In this guide, we will show you how to use the Parallax 3D Content Card Widget from the Unlimited Elements plugin. This widget lets you create modern content cards with a stunning parallax 3D motion effect. It is ideal for showcasing elements like portfolio items, team members, or key features with depth and movement, making your content visually engaging and dynamic.
Let’s explore the customization options available in the Parallax 3D Content Card Widget for Elementor below.
Elementor Free Parallax 3D Content Card Tutorial Video
Add a Free Parallax 3D Content Card to Elementor
Add a Free Parallax 3D Content Card Widget to an Elementor Page
Elementor Parallax 3D Content Card Widget General Settings
Card Tilt Intensity
Controls the magnitude of the 3D-like tilt effect applied to the entire content card element.
Image Tilt Intensity
Controls the magnitude of the 3D-like tilt effect applied specifically to the image within the card.
Image Depth
Adjusts the perceived Z-axis distance or prominence of the image, contributing to the parallax/3D illusion.
Content Tilt Intensity
Controls the magnitude of the 3D-like tilt effect applied to text and other content elements within the card.
Show Image
Toggles the visibility of the primary image.
Image
Selects or uploads the card's background image.
Image Size
Defines the resolution or scaling of the displayed image.
Show Image Overlay
Toggles a colored or gradient layer over the image.
Show Title
Toggles the visibility of the main heading text.
Title
Defines the text content for the main heading.
Show Subtitle
Toggles the visibility of the secondary heading text.
Subtitle
Defines the text content for the secondary heading.
Show Icon
Toggles the visibility of the decorative icon element.
Icon
Selects the icon to be displayed inside the card.
Show Button
Toggles the visibility of a Call-to-Action (CTA) button.
Show Inner Border
Toggles the visibility of a structural border within the card.
Show Badge
Toggles the visibility of a small label or badge element.
Elementor Parallax 3D Content Card Widget Style Settings
Padding
Adjusts the inner spacing (Top, Right, Bottom, Left) between the content and the card edge.
Width
Sets the overall width of the card element.
Height
Sets a fixed height for the card element.
Text Align
Sets the horizontal alignment of text content (e.g., Left, Center, Right).
Card Horizontal Align
Sets the horizontal positioning of the card within its container.
Color
Selects the primary text/content color.
Icon Size
Sets the size of the icon element.
Icon Color
Selects the color of the icon element.
Content Vertical Offset
Shifts the content vertically from its default position.
Content Opacity
Controls the transparency level of the content block.
Background Color
Selects the fill color for the card background.
Border Type
Defines the style of the card's border (e.g., Solid, Double, Dashed).
Border Radius
Sets the curvature (roundedness) of the card's corners.
Box Shadow
Opens controls to apply and customize a drop shadow effect to the card.
Background Size
Controls how the image fills its container (e.g., Cover, Contain, Auto).
Background Position
Controls the starting point of the image within the container (e.g., Center, Top Left).
Background Repeat
Controls whether the image tiles/repeats if it's smaller than the container.
Opacity (Regular/Hover)
Controls the transparency level of the image element in both the default and hover states.
Typography
Opens controls to set the font family, size, weight, and line height of the title.
Text Align
Sets the horizontal alignment specifically for the title text.
Color
Selects the color specifically for the title text.
Text Shadow
Opens controls to apply and customize a shadow effect to the title text.
Spacing
Adds padding or margin below the title element.
Typography
Opens controls to set the font family, size, weight, and line height of the title.
Text Align
Sets the horizontal alignment specifically for the title text.
Color
Selects the color specifically for the title text.
Text Shadow
Opens controls to apply and customize a shadow effect to the title text.
Spacing
Adds padding or margin below the title element.
Parallax 3D Content Card Widget Design Examples For Elementor
Here are some live use cases for the Parallax 3D Content Card widget.
Travel Agency Parallax 3D Content Card widget.
Digital Gadgets Parallax 3D Content Card widget.
Thank you for using the Parallax 3D Content Card Widget for Elementor! This dynamic and engaging tool, available in the Unlimited Elements plugin, allows you to create modern content cards featuring a stunning 3D motion effect. Designed to showcase elements like portfolio pieces, team members, or key features with depth and movement, it instantly elevates your site’s visual quality and user interaction. For support or inspiration, feel free to get in touch or explore our demo.
