pixel

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.

Including:

  • 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.

Price: $25  Check out the Demo to see all of the cool effects in motion.

The SA SVG Module

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 tested the plugin on my eileenlonergan website, and you can have a lot of fun with the settings.  I already had installed the SVG Support plugin and I used icon finder to find free SVG files.

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 plugin is $20 and you can find the demo here.

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

You can view the Demo here or own it for $10

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?

 

 

EIleen Lonergan
Eileen Lonergan was an integral part of this company. Unfortunately, Eileen Passed away on the 31st of October 2018 after a short battle with Cancer. She leaves behind the legacy of the Divi Theme Users Group and hundreds of people that she helped through coaching, building outstanding websites and just being - accessible. We miss her every day!
Click to access the login or register cheese

Subscribe To Our Newsletter to get the latest news and product updates

You have Successfully Subscribed!

Pin It on Pinterest

Share This