With this widget, you can add a beautiful 3D hover effect to images.
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- Make sure you’ve downloaded the Hover 3D Effect widget.
How to Activate the Hover 3D Effect Widget?
Go to
- WDesignKit → Widgets.
- Search the widget name and select Elementor as the Page Builder.
- Click on the Download icon.
How to Use the Hover 3D Effect Widget in Elementor?
Add the Hover 3D Effect widget to the page.
Content
From the Style dropdown, you can select from two pre-defined styles.
Then from the Media section, you have to add an image.
In the Title field, you can add a title.
You can add a label from the Label field.
Animation
You’ll find some settings in this tab for Style 1 only.
From the Max Tilt field, you can adjust the image tilt on hover.
From the Speed field, you can control the tilt and scaling speed.
You can adjust the perspective of the image on hover from the Perspective field.
Then from the Scale field, you can manage image scaling on hover.
From the Style tab, you can further customize the style.
