The speed and movement of a slider influence how it feels within a page. If transitions seem too fast or too sharp, small adjustments can change the entire impression. In Sliderberg, you can control how long each slide takes to move and choose how that movement behaves during the transition. Here’s how to do it.
Step 1: Select the Slider Block #
First, select the Sliderberg block in your editor by clicking on the outer edge of the slider. This opens the block settings panel on the right side.
Step 2: Open Animation Settings #
From the Settings panel, scroll down to the section labeled Animation Settings. Here you’ll find the options for transition effect, duration, and easing.
Step 3: Adjust the Slide Duration #
Use the Transition Duration slider or type in a number to set how long the slide animation should take. The value is in milliseconds.
Step 4: Choose a Transition Easing Option #
Open the Transition Easing dropdown and select your preferred option. The available easing styles include:
- Ease
- Ease In
- Ease Out
- Ease In Out
- Linear
Slide Duration and Easing in Action #
Demo 1: Fast Transition (300ms, Ease, Autoplay On) #
Demo 2: Balanced Timing (600ms, Ease In Out, Autoplay On) #
Demo 3: Slow Reveal (1000ms, Linear, Autoplay On) #
Conclusion #
Small adjustments to duration and easing can change how your slider feels without changing its content. A steady pace with the right animation behavior helps your slides flow better and keeps the experience smooth for visitors. These controls offer just enough flexibility to match your slider’s motion to the tone of your site.
