Transition layer with images
Add multiple image to the same layer with animation
Fade between image layer in Smart Slider
Flip images 3d in a WordPress slider
write us
+357 5488 6688
Call us
6AM - 12PM
Opening Hours

Build Muscles Today

Learn to increase muscle and stamina today! Build endurance with our specialized Kettlebell courses focused on conditioning.

The first lesson is free, book today!
$100
Price
Hard
Intensity
2AM - 3PM
Time
Kettlebell
Nicole
Kettlebell
Mike
Yoga designed to help achieve a more positive outlook on life and a
focused, permanent sense of serenity and peace.
6 Reasons to start yoga
Balance your life
Better sleep
Increase flexibility
Help your breathing
Relieve stress
Great workout
GET 30% OFF
Access to all Facilities
& A Free consultation!
SIGNUP FOR 6 MONTHS &
SUMMER SALE
Yoga for Beginners:
Poses & Sequences
What is Swedish
Massage Therapy?
Study up on yoga basics with our
step-by-step yoga pose instructions
and yoga fundamentals.
One of the primary goals of the
Swedish massage technique is
to relax the entire body.
Read more
Read more
SPA
Arrow
Arrow
Slider

Image transition effect with layers

Image transition animations are used to catch the visitor’s attention and make them interested in your story. Usually they are complex, they move constantly, making the user focus on the events that are happening in front of their eyes.

WordPress transition layer
Layer settings

Gym

Description: This slider is a clean and modern way to introduce your fitness club, health center or beauty salon. But don’t worry you can change anything easily if you have any other project.

Tags: , , , ,

Sometimes you don’t need complex animations on your images, you don’t even need the image to move, just to be replaced by another image when the mouse is over it. Transition layer is the perfect choice to achieve this. The usage is extremely simple: put the transition layer, select the two images you would like to use (the first one will be shown at first, when there is no user interaction on the image, the second one will be shown when the visitor’s mouse is over the first image), choose the animation that will be played when the images are changing and you are done.

Choose the right animation for the transition layer

When you have added your images from WordPress image manager, you can select from three animation types that will be used at the Transition layer. One of them is the simple Fade which will fade out the first image, and fade in the second one.

Fade between images with transition layer
Fade image transition

The other two animations work the same way: images flipped in 3d vertically or horizontally.

Flip between images with transition layer
Flip image transition

Version Overview

Pro only
  • Image transition layer

Similar Sliders -

Related pages