Add text layer animation
Animate your headings
How to create Split text animation in WordPress slider
Create fancy word animations
Split texts and animate characters
Split text animation in Joomla
Transition text layers
Split modes: char
word and lines

Text Animation

The smartest, smoothest, most precise
slider creating software for web.
A slider that will blow your mind
All the layers you would expect from a professional slider builder tool.
They just work – in precisely the way you want them to.
We’re getting married!
on August 19th 2016,
Los Angeles, CA
previous arrow
previous arrow
next arrow
next arrow
Slider

Scene Slider

Description: This is an awesome mockup slider to create custom scenes. A great way for any creative person to show off their work. All images are separated layers so you can build your own composition.

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.3.0

Tags:

There’s so much happening on each slide of this slider. There’s no surprise we named it Scene Slider. Each slide is its own stage wanting to grab the attention of the visitor. The slider is a full width slider, which autoplays. Apart from the autoplay feature, you can switch slides by swiping, using the arrows or the text bullets at the bottom. The arrow has a quite special effect on mouse over. Another arrow, with a dark color pushes aside the transparent, normal arrow.

The first slide combines split text animation with a handful of layer animations. Every layer, including texts and images shows up with a nice effect. Probably the coolest looking effect is what the two small headings have. They rotate in from the opposite sides, creating a spectacular result. The second slide has no fewer animations than the first. Every layer moves to the slider with a cool animation. This slider has a special split text animation, too. Both layers have the effect, but it is more interesting on the second. The text rotates in word by word, which gives a nice touch to the slide. The third slide might have less layers, than the first two had, but they, too, have animation.

We built this slider using Smart Slider 3’s two editing modes, Canvas and Content mode. Content mode makes sure the content is enjoyable on any device. It prevents the texts from shrinking so much that they become illegible. It also makes sure that they don’t get too big on large screens. For this reason, we’ve used Content mode to add text to the slides. Since layer animations support both editing modes, the special effects work fine on the text layers. Canvas mode allows placing layers anywhere within the slide area. This makes Canvas mode the perfect choice for decoration, like creating such specially placed layers.


Related Post: Use Beautiful Layer Animations in Smart Slider 3 Pro

Related Post: How to Create a Cool Text Animation

Related Post: Configure Slider Autoplay and Create Automatically Rotating Slider


Similar Sliders -

Behind the Pixel project – Symu sliderWooCommerce landing page with product carouselMinimal Slider with LightboxHow to create block with video background for WordPress