With this block, you can add a beautiful 3D hover effect to images.
Required Setup
- Nexter Blocks 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 block.
How to Activate the Hover 3D Effect Block?
Go to
- WDesignKit → Widgets.
- Search the block name and select Gutenberg as the Page Builder.
- Click on the Download icon.
How to Use the Hover 3D Effect Block in WordPress?
Add the Hover 3D Effect block to the page.
Layout
From the Style dropdown, you can select two pre-defined styles.
Content
In the Title field, you can add a title.
You can add a description from the Description field.
Then, from the Select Image section, you have to add an image.
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.
Extra Options
From the URL field, you can add a link.
By enabling the Tablet Link option, you can activate a link specifically for tablet devices.
By enabling the Mobile Link option, you can activate a link specifically for mobile devices.
Then, from the Content Alignment section, you can align the content for responsive devices.
From the Style tab, you can further customize the style.