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

Feel the Burn

Cardio exercise is physical exercise of low to high intensity that depends primarily on the aerobic energy-generating process.

Price
$100
Intensity
Hard
Duration
60 min

Balance your Life

Yoga designed to help achieve a more positive outlook on life and a focused, permanent sense of serenity and peace.

Price
$50
Intensity
Easy
Duration
40-80 min

Build Muscles Today

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

Price
$5/$28
Intensity
Medium
Duration
60 min

Torch Fat With Tabata

Tabata is a form of HIIT that alternates between 20 seconds of intense bursts of work and 10 seconds of rest in four-minute rounds.

Price
$20
Intensity
Easy
Duration
45 min

Your Body Your Machine

TRX is a form of suspension training that uses body weight exercises to develop strength, balance, flexibility and core stability simultaneously.

Price
$40
Intensity
Medium
Duration
60 min

training for excellence

CrossFit workouts incorporate elements from HIIT training, weightlifting, plyometrics,, gymnastics, strongman, and other exercises.

Price
$60
Intensity
Hard
Duration
60 min

Swedish Massage Therapy

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

Price
$40
Intensity
-
Duration
60 min

Find your Endurance

The kettlebell is a cast-iron or cast steel weight used to perform many types of exercises, including but not limited to ballistic exercises.

Price
$30
Intensity
Medium
Duration
50 min
previous arrow
previous arrow
next arrow
next arrow
Slider

Gym Slider

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.

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

Minimum version: 3.3.0

Tags:

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

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

Related Post: Create a Unique Layer Slider with Smart Slider 3

Related Documentation: Transition layer


Similar Sliders -