Create unique effects to bring your WordPress website to life! Our Block Styles plugin offers fun animation and transition effects to engage your website visitors with your content.
Step 1: Select an animation name from the drop-down menu.
Step 2: Set a duration for how long you’d like your animation to run. Default duration is in seconds but this can be changed to miliseconds.
Step 3: After you select a duration, you will be presented with several more options:
- Timing Function
- Iteration Count
Select a timing function from the drop-down menu.
Set a delay for your animation sequence to start. Timing is in seconds by default.
Customize the iteration count of your animation.
Select a direction from the drop-down menu.
Input your own custom CSS in the CSS Property box.
When selecting the rotate function, you will need to adjust the angle of rotation. You can use postive values (+) and negative values (-).
Adjust the scale to move the block text to the left or the right. The default is 1.
Customize the “skew” of a WordPress block by adjusting the angle through inputting a number of using the dial.
Adjust the length of the translate function by inputting an amount. Default measurement is pixels but this can be changed to %, EM, REM, VW, & VH.
- Flower Art
- Cameillia Flower
To start over, click the Clear All button to reset the effects settings.
Interested in purchasing Block Styles? Click here to buy the plugin.
Purchase a membership to unlock all of our products!
- Block Styles
- Dynamic Content
- Styles Library
- Gesso Theme Support