I often hear, “I want my site to look less Divi“, Adding a bit of animation to any website can often be the touch which will stamp your site with personalization and engage your audience. It’s a known fact you have less than 3 seconds to engage a visitor, you gotta act quick to lure them in to your awesome content.
Over in the marketplace we have several plugins which make special effects easy to implement.
All in One Extended Module also called the Perky Animate Module is packed with options and special effects Which will take your site from flat to fancy quickly.
- 6 Title effects (typing, gif animate, rotator effect and more)
- 7 image filters (brightness, sepia, greyscale and more)
- 37 hover animations for images (fade, flip, zoom, you name it, its here)
- Material design shadow. I used to write the CSS for this all the time and called it drop shadow. This effect gives the flat design a bit of dimension, which can be lovely.
- Video popup
- Scroll fading animation.
Once this plugin is installed you identify the URL of your SVG, adjust the settings and viola, your image is suddenly “drawn” (or animated).
Setting options include:
- Modify the animation type (delayed, sync or one by one)
- The duration of the animation
- The timing function (linear, ease in, ease out, etc)
- With background (the image is line drawn, then the background fills in and pow, color!)
I made you a video. As always I am a little bit bumbling. I need to have more coffee, but you will get the idea.
The last one I will share today is Tilt Image.
The added JQUERY allows you to adjust the images so they can tilt, you control:
- The amount of tilt
- The tilt speed
- The tilt perspective
- The tilt scale
I often find that scrolling through the Plugins section of this site gives me some ideas for creating that I had never considered. I am pretty public with the fact that I no longer live for CSS or JQUERY coding on my own. For $25 or less it is worth it to me to install a plugin and tweak to my hearts content. How about you? Are you using animations at all on your websites?