With the Page Animations and Transitions plugin you can choose from nine different movement effects and also customize the animation duration. If you’re looking for a more overt animation for your website, you might want to consider applying an animation effect to your page transitions. Page Animations and Transitions Page Animations and Transitions Looking to give headlines on your website a little more pop? The Animated Headline plugin includes ten different animation effects that allow you to do things like rotate, type out, scale, and slide in your headline text.Īll it requires is that you know how to apply a simple shortcode.ħ. Note: warns this plugin is outdated but it worked fine when we last tested it (March 2022). This means you won’t have to cherry-pick which plugin you want to use to animate a slider or typography or a page transition. Unlike a lot of the other free animation plugins you’ll find on this list, Animate It! offers a more versatile approach to animation. The developer of Animate It! took the styles from Animate.css and converted them into this easy-to-use plugin. In addition, you can customize pretty much everything else within the animated item, including font, colors, links, and more. Included in this plugin are over 75 animation types that are triggered whenever someone hovers over the animated item. Amazing Hover Effects Amazing Hover Effectsįor websites that contain images, icons, and blocks of text, the Amazing Hover Effects plugin offers a bunch of animation options for these design elements. I’d suggest you check out the demo for both before downloading.Ĥ. While similar in terms of the target elements for animation, this one’s styling is a little more buttoned-up which may better suit your site’s style. The Image Hover Effects plugin includes over 40 different animation effects and comes with two different styles (circle or square). If you’re a fan of the hover-triggered animation, I’d suggest you take a look at this one too before making up your mind. This plugin not only has four different slider widgets, but each comes with their own set of transition effects so there are plenty of options here for animating your image or content slide decks.ģ. This plugin’ll give your pop-over messaging the extra movement it needs to get noticed.įor those of you who agree that sliders don’t suck and would like to take your appreciation for them one step further, give the Meta Slider plugin a whirl. Who’s to say that the static design elements on your WordPress site are the only ones that get to have any fun? If you’re planning to use popups or slide-ins to deliver special messaging and exit-intent intervention to your visitors, be sure to check out Hustle (which is now free in the WordPress directory). If you’re looking for something to jazz up your typography, put a spin on your navigation, or create movement in other unexpected areas of your site, you should check these out. The free WordPress plugins below cover a wide range of animation effects. And with WordPress making the process of building websites faster and easier, we now have more time to dedicate to being more creative with story execution and fine-tuning the user experience. That being said, we’ve come a long way since the early days of animation. Even from way back in 1906, an animated chalkboard drawing still finds a way to captivate us as an audience. While animation existed before the advent of film and digital technology (think of old school animations like flip books), the Humorous Phases of Funny Faces takes top honors for being the first animated film: Free WordPress Plugins for Adding Animation Effects There are a number of high-quality WordPress plugins just waiting to help you add a touch of animated fun to your website. While you could learn how to code CSS, JavaScript, and jQuery animation effects on your own, why not get WordPress to help you out? I think part of the reason why this engaging design trend isn’t seen as frequently as we rightfully should is because many WordPress users are unaware of how many tools there are to aid in its execution. The best part about animation? You don’t see them all too often in web design, which is sure to give your WordPress site an edge over the competition. We’ve seen them at play in gamification, in page transitions, and also in the latest navigation design trend.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |