Black Friday Super Sale! 🔥 Enjoy a jaw-dropping discount of up to 50% OFF on all Smart Slider plans. Hurry, before the offer ends on November 29th!

Buy Now
News

New Animated Heading Layer with Typewriter Effect

Ramona Nemeth-Csoka
Ramona Nemeth-Csoka
October 8, 2018

Wanting to have a good looking effect doesn’t always mean you need to invent something new. There are plenty of amazing classical effects waiting to be trendy again. Like the typewriter effect which is one of the best classical animations for texts. It makes the texts look like they’re being typed by a typewriter.

And the best part is modern web designers started to use it again to enhance texts on websites. Going back to such an old effect in 2018 proves how great this classical effect is. If you’re using Smart Slider 3 Pro to build your sites, you don’t have to be left out of this new-old trend. The latest version of Smart Slider 3 Pro (3.3.8) presents a new layer: the Animated Heading. This layer has several cool text effects, including the typing effect. How to get this new layer? Update your Smart Slider 3 and find the Animated heading layer in your layer list.

What is an Animated heading?

To simply put it: it’s a layer you can use to display different words or sentences which rotate on and on. You can use it for various purposes, for instance, to display more message on the same spot on your site. There are many animations you can choose from including the famous typewriter effect. The variety of animations make the Animated heading layer suitable for any website.

Slide 1
just animated text
Beautiful website.
Perfect application.
with before text
Create the perfect
website.
application.
product.
with before and after text
Create the perfect
website
application
product
for your clients.

Create full sentences with Animated Heading

Using the Animated heading layer you can create words which are changing again and again. This animation helps your visitors focus on your message, which needs less space as it fits to a single line. This way you can create more white spaces on your site, making it more clear to read. You can add text before and after the animated text to create a full sentence. Of course if you only want the animation, you can use it without any other text.

The new way to build a Slider
Next generation visual editor, customizable animations & effects, and access to hundreads of premade templates.
Get Started
Smart Slider 3 - The new way to build a Slider

Animated Heading animation types

The Animated headline offers many cool effects you can use to display your text. You can make the words fade, rotate or slide. There are 9 effect in total, including two different typing effects. You can loop the animation or just play it only once and stop at the last words. We created a sample slider where you can check each effect and compare them. All effects are responsive and look great on mobile browsers as well.

Slide 1
Fade
Fade
Fade
Rotating
Rotating
Rotating
Drop-in
Drop-in
Drop-in
Slide
Slide
Slide
Chars Two
Chars Two
Chars Two
Slide Down
Slide Down
Slide Down
Typewriter One
Typewriter One
Typewriter Two
Typewriter Two
Chars One
Chars One
Chars One

New Template featuring the Animated heading

Whenever we release a new Smart Slider 3 feature we create new slider templates. These new templates can give you creative ideas for your next project. We prepared a new slider template for you which you can check by clicking on the image below. If you like the template import it and use it on your next project.

Animated Heading Block
Animated Heading – Crypto Block

Parallax effect redesigned

Apart from the Animated heading layer there’s one other layer news. We updated the parallax effect for the better. The old effect had several problems when it was used in a slider with more than one slide. If you’ve used the effect, you know what I’m talking about. The improved codes make parallax effect more consistent. This means it looks the same regardless how many slides you have. Did I mention it also works on slide background videos and colors now? To enable the effect visit the slider’s General settings and find the option below the slide background fill modes. Of course the effect will still work in mobile and tablet devices as long as its enabled on them.

Fallback for the old parallax effect

Have you used the parallax effect on your slider before? Don’t worry, the system automatically enabled it for you. By default the parallax strength is set to normal. But if the slider had parallax effect before, the default strength will be Super Strong 100%. All five strengths differ, but Super Strong is the closest to the old effect. Feel free to visit the Parallax settings to play with the different strengths.

Conclusion

I believe the new Smart Slider 3 update has brought you many cool things again. The Animated heading layer is just as useful as the Highlighted heading was. It will help you create spectacular effects for your website and stand out from the crowd. With the redesigned parallax effect you can create more elegant animation. I hope you like the new update! Be sure to stay tuned because more and more awesome content is coming in the following weeks!

Ramona Nemeth-Csoka

About Author

Hi, I’m Ramona and I’m a member of Nextend‘s awesome support team. You’ve probably chat with me if you’ve submit a support ticket. When I’m not answering support emails I read a book or go cycling. I enjoy writing as well, both for our blog and for my private projects.