Tilt Blurb Divi Module
The Tilt Blurb Divi Module is a custom Divi Blurb Module featuring a Tilt Effect with 3D Style customizations.
The tilt effect works on hover. As you hover over the image with your mouse cursor the image will appear to tilt. The position off the mouse cursor determines the tilt direction and amount.
The module includes all the settings of the standard Divi Blurb Module and adds settings to adjust the tilt effect in a number of ways to allow you to create some unique effects for your images.
You can adjust the Tilt Amount, the Tilt Perspective, the Tilt Speed and Scale just like the Tilt Image Divi Module but with the addition of a Glare Effect and an adjustable ‘parallax‘ type effect which makes the Blurb Content ‘float‘ above the background.
There’s a whole lot more to the Tilt Blurb Divi Module, including the ability to ‘fix’ the Blurb Size using a hidden image so no more messing with padding to show the background image at it’s full size.
Although a somewhat misleading description, the Tilt Background when enabled adds a new ‘3D’ layer to the Tilt Blurb that can sit behind or in front of the Blurb. Use it to create more depth to the Tilt Blurb or to create some interesting effects as you can see in the Demo.
The Tilt Layer effect allows you to add up to 50 duplicate layers (multiples of 5) that sit behind the main background. These can be an image or a solid/transparent color, or both! This can give your blurb background a solid 3D effect.
The script used for the Tilt Effect is called ‘vanilla tilt’ which is a forked version of tilt.js. It’s a very lightweight script that weighs in at just 4.5kb. All the other effects in this module use HTML/CSS so despite the vast features the plugin remains very lightweight.
Please bear in mind that the Tilt Layer effect can have an impact on performance when using transparent .png images and semi-transparent layers so do be conservative when using these types of images with this effect.
Install and activate the plugin just like any other WordPress Plugin.
Once installed and activated the Tilt Blurb Module will be available along with the Divi Modules for the standard and speciality sections when you click the Insert Module(s) button in the Divi Builder.
Add the Tilt Blurb Module to your layout.
To enable and adjust the Tilt Effect click the Tilt Settings Tab and then click the ‘Use Tilt Effect‘ Toggle switch to the ‘Yes‘ position and adjust the settings accordingly. The additional settings for the Tilt Background and Tilt Layers can be enabled with the relevant Toggle Switches.
To enable the fixed size background, click the ‘Size with Image’ toggle switch in the General Tab under the Image & Icon heading and add the same image there that you’re using for your background image.
You must log in and be a buyer of this download to submit a review.
Leave a reply Cancel reply
Checkout the documentation first and if you still need help open a support ticket.View Docs
This theme, layout or plugin is comprised of two parts.
1. The PHP code and integrated HTML are licensed under the General Public
License (GPL). You will find a copy of the GPL in the same directory as this
2. All other parts, including but not limited to the CSS code, images and design are
copyrighted by the vendor concerned and are NOT licensed under GPL.
This license allows the item to be used in projects for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own, in part, or as part of a larger project including that being part of a hosting offer. Distribution of source files is not permitted.
We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendor’s products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder if this is the case, please use the classic builder. We are working with our vendors to rectify this situation as quickly as possible. With the release of Divi 3.1 developer documentation and SOME support of third-party modules and plugins are now accessible through the visual builder.
Please be aware that you will need an amount of experience in the master theme that you are using in order to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible unless the plugin or theme is unusable in your set up – we will require proof of this – please ensure that the product you are buying will do the job you want it too. In the case of Divi and Visual Builder compatibility – some plugins do not yet have 100% VB compatibility. Please check descriptions thoroughly to ascertain VB compatibility. Whilst every effort is made by our vendors to ensure compatibility with other themes, plugins and or web servers. This can never be guaranteed due to the many thousands of iterations in the wild. Please do not be afraid to ask the vendor for support by visiting the product page and clicking the relevant link. Warranty for fitness of products used on your installation is neither given nor implied.
*Support is provided by vendors directly.
You have questions about your purchased plugin, theme or layout? Then use this form to get your answers as soon as possible. If you have a license key, please enter it here. You can find it in your account under "view details and downloads". Otherwise, please use the invoice id from your invoice.