10 Free Plugins for Adding Animation Effects to WordPress


0

Special effects such as smooth scrolling, page transitions or CSS animations can add some welcome personality to your WordPress website. Use them to call attention to important information, enhance UX and take your designs up a notch.

Here are some free WordPress plugins you can use to add a variety of effects to your site:

BUILD WORDPRESS SITES FASTER

Announcing Template Kits. Responsive WordPress Designs Built For Elementor.

Animate It!

Adding CSS3 animations to your site is easy with Animate It!. The plugin combines the Animate.css and Animo.js libraries in one package containing over 50 animations. Animations can be applied on user events like scroll, hover and click.

Animate It!

Page Animations and Transitions

Page Animations and Transitions offer a selection of nine different “in” and “out” page transitions. You can also set duration times for transitions.

Page Animations and Transitions

CSS3 Transitions

CSS3 Transitions will automatically add (you guessed it) CSS3 transitions to elements on both the front end and (surprisingly) the back end. The transitions are added to any ,

  • , and that have a hover or focus state defined in your theme’s stylesheet. It’s an interesting choice for those who want a very quick solution.

    CSS3 Transitions

    Easy Textillate

    Add animations to any text on your site with Easy Textillate. The plugin includes the textillate.js, animate.css and lettering.js libraries to provide for all sorts of excellent effects for your typography. Generate Shortcodes with the animation styles you want, place them into your content and watch them go!

    Easy Textillate

    Ultimate Hover Effects

    Use Ultimate Hover Effects to add some life to your image captions. Select an image from the WordPress Media Library and set up the hover effects you want to use. Then it’s just a matter of embedding it into a post or page. A Shortcode generator is also included.

    Ultimate Hover Effects

    Page scroll to id

    Page scroll to id adds smooth-scrolling effects to in-page navigation using CSS ID elements. You can set the scroll duration and easing – with over 30 easing types to choose from. Both vertical and horizontal scrolling is supported and offsets can be configured for individual links.

    Page scroll to id

    CSS3 Rotating Words

    CSS3 Rotating Words is a handy plugin with a simple function: Rotating a word or words in a sentence using animation. For example, you might have a sentence where you want to change one word:

    • WordPress is Fun
    • WordPress is Awesome

    Choose from five animation styles and also set the font color and size.

    CSS3 Rotating Words

    WP Progress Bar

    Use WP Progress Bar to add animated progress bars to your WordPress pages and posts. Bars are added via a Shortcode. Customize with options for text, colors, percentage (the amount at which the bar finishes its animation) and width.

    WP Progress Bar

    Page Loading Effects

    Page Loading Effects lets you choose from a selection of animations while the content from your site loads in. Once loading is complete, the animation will automatically disappear. You can customize colors in the plugin settings or go even further with your own custom CSS.

    Page Loading Effects

    SVG Logo and Text Effects

    If you’re looking to add a touch of cool to your text without resorting to using images, SVG Logo and Text Effects is worth a look. The plugin has lots of features, including support for Google Fonts. Text you create will be fully editable and SEO-friendly.

    SVG Logo and Text Effects

    Make Your Site Special

    The right mix of special effects can bring elements of both fun and utility to your WordPress website. Of course, it’s best to pick and choose carefully when deciding what to use.

    A good rule of thumb is to always keep the best interests of users in mind. If a feature increases usability or makes your site more enjoyable to use, then it might be worth your while.


  • Like it? Share with your friends!

    0
    admin