Full page sliders are popular in web design, they fill the whole screen and catch the visitors’ attention. With Smart Slider 3 Pro you can easily create a full page slider and you can import this sample from the Template Library. After that you can customize it, change the background and the texts, insert another layer or delete a layer so actually you can change everything what you want.
This slider is a good example of how useful the content mode and using a structure can be. You can see a lot of different layer types on this slider: heading layer, text layer, button layer – with a nice hover effect, image layer and a counter layer which shows the price with a nice counter animation. As you can see the background is moving a bit, this zooming effect is the ken burns effect. This effect is simple, elegant and works on any kind of images, but you can customize its speed, strength and the animation as well.
At the bottom of the slider you can see a rectangle shape divider which makes the illusion that the white row at the bottom is outside of the slider. But it isn’t, the shape divider makes you feel that way which can be a useful option. You can navigate to other slides with a mouse drag or with the actions on the previous and next layers. Besides that, there is the slider autoplay mode turned on which can be seen because of the autoplay indicator at the top right corner, so without doing anything, the slides will automatically switch, too.
The speciality of this slider is the hover effect with the evens. If you hover over the Next or the Previous layer, another images will appear. If you want to create a similar animation, check our documentation, and it will probably help you to achieve that.
Core Web Vitals
PageSpeed Insights with Lighthouse analyzed this page on April 12, 2021. For the latest result analyze now!
Related Post: Use the Popular Ken Burns Effect on your Slider
Related Post: What is a Full Page Slider and How to Use it?