Polar
ENVIRONMENT
One of the most fantastic and beautiful visible phenomena in our atmosphere.
Bolivia
BOLIVIA
They call it the Mountain That Eats Men, with an estimated eight million men perishing there.
Jellyfish
NATURE
Jellyfish are probably some of the most unusual and mysterious creatures that you'll ever encounter.

Fullsize Slider

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Description: Nowadays it is a common approach to fill in the intro section of a website with a fullsize/fullpage slideshow. You can create gorgeous presentations with images, videos and animations.

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

Minimum version: 3.4.1.6

Tags:

💡 Best features in this slider
  1. CTA button
  2. Bullet control

Settings

This slider is a full page slider, so it is as big as your screen, filling the 100% width and height of your browser. When you scroll with your mouse or use the bullet control on the right, you can notice the background animation which gives a great experience. The slider has 3 slides, and when you are on the third slide and scroll down, you can see the content below the slider.

Full page slider

Layers

There aren’t too many layers in this slider, there are 2 headings, a button and an image layer. You can easily customize them, change the text, the font family, colors, or any styles. Also, you can add layer animation to each layer if you want.

Animations

How your slider works might have a bigger design influence on your website, than the actual contents on it. You need to carefully pick the right choices of what you would like to say with your slider. It can be “party all time”, or “we are professionals”, maybe something else. But you don’t want it to be too simple, which wouldn’t tell anything besides “boring”. The background animations give you many options to choose from, but being boring isn’t one of them.

Background animation manager
Background animation manager

The best thing about background animations is that they are attractive. They can be implemented to the background images, which usually cover your whole slides, so the effects can be very powerful. You can also handle them easily, we have “sets”, where you can even choose from only vertical animations, if your slider is set up to have a vertical behaviour. This animation option is available globally, but you can select them individually for your slides, too, to have specific effects on the different slides. There is a preview, which helps a lot with picking out the animations.

Layout

The slider has a simple layout, the layers are under each other, each layer is in a new line. You can easily use this layout on a dynamic slide, just copy the slide and paste the content in the dynamic slide. Then replace the content fields with variables. The top heading can be a category tag, the big heading the title of your post, and the read more button can link to the actual post.

Responsive

The slider is fully responsive, it looks good in each device, on bigger and smaller screens as well. On smaller screens we used the text scale option to make the text smaller. This helps that the text isn’t too big on mobile, and won’t take up too much space.

Text scale on mobile
Text scale on mobile

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 12, 2021. For the latest result analyze now!

99

Desktop

First Contentful Paint
0.3 s
Speed Index
0.5 s
Largest Contentful Paint
0.8 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.049
95

Mobile

First Contentful Paint
1 s
Speed Index
1.3 s
Largest Contentful Paint
2.9 s
Time to Interactive
1.2 s
Total Blocking Time
90 ms
Cumulative Layout Shift
0

Related Post: What is a Full Page Slider and How to Use it?

Related Post: Animations & Effects in Smart Slider


Similar Sliders -

Top 5 ProductsFashion SliderMinimal Slider with Lightbox