Loading the content... Loading depends on your connection speed!

Sliders

We used the most powerful and easiest content slider available, OwlCarousel 2 that takes advantage of the power of your mobile device to render images instantly, content instantly, and allow you to animate your slides with CSS3 You can literally slide anything! We’ve added just a few examples below, but we can tell you there are infinite ways you can combine these sliders to add anything in them.

Image Slider (no transition)
Captions with no Controls and no Transition

Welcome, stranger

Swipe the image to begin.

This slider has CSS3 transitions

And they are just awesome!

Just add a simple class

And you got yourself transitions!

Image Slider (Transition Style 1)
Animate CSS3 Transitions

This slider has CSS3 transitions

And they are just awesome!

Welcome, stranger

Swipe the image to begin.

Just add a simple class

And you got yourself transitions!

Image Slider (Transition Style 2)
Animate CSS3 Transitions

Welcome, stranger

Swipe the image to begin.

Just add a simple class

And you got yourself transitions!

This slider has CSS3 transitions

And they are just awesome!

Image Slider (Transition Style 3)
Animate CSS3 Transitions

Just add a simple class

And you got yourself transitions!

This slider has CSS3 transitions

And they are just awesome!

Welcome, stranger

Swipe the image to begin.

Staff Slider
You can use sliders for content as well!

img

Suzanne Bader

Advisor & Writer

Suzanne has been an Advisor to Perfect Earth from day one and is the author of a considerable part of Perfect Earth's educational content.

img

Christian Batist

Founder

Christian founded Perfect Earth in 2012, after two years of research on how he could best put to practice his knowledge and expertise from the media and games industries for a better world.

Quote Slider
You can literally add any content inside an slider!

This is the classic , standard blockquote design, that everyone uses and it's fantasticly easy to use. Just a class, and an author!

Enabled

Cover Page Slider
A fullscreen image slider with captions made to look like your native app sliders? Check it out! It’s called a CoverPage Slider

Go to Cover Page Slider

 

Back to top

Share Page

Close