Once the headline stabilizes, the hero description quickly gets typed out onto the screen. It uses a smooth slide-in animation from the left. The headline is the first string of text we see on the screen. You’ll find that one in the Cyber Glitch Effect Slider template: This one uses a popular animation technique whereby a statement - “Click to See Full Image” - is designed in a circular shape and spins non-stop.Īnother popular animation trend right now is the text typing effect. Let’s look at a simpler hero image animation on the Visual Art Forms Slider template: Some of the letters in the headline appear blurred until the words finally settle into place together. The Photographer & Videographer Slider template gives each headline in the slider a magical touch: The call-to-action “Start Exploring” bounces in a wave shape after the initial animations end.The word “Potential” slides into place next, the letters compressing inwards from the right and left.The delayed entry of the word “Creative” mimics the triangular shape present throughout the design.There are a number of noteworthy animations taking place here: This one is in the Creative Hero Collection template: Here’s another neat animated headline example. The “Up to 50% On Selected Items” sticker then expands and does a little wiggle motion. The first thing that happens is the words “Big Summer Sale” slide down onto the page.
Slider Revolution has over 200 templates, many of which are built using creative headline animations and tricks.įor example, the Big Summer Sale template comes with a fun headline effect: There’s no need to recreate the wheel when it comes to animating headlines. Animated headline ideas for your home page