Foundation CSS Orbit Slide Contents

Foundation CSS is the frontend framework of CSS that is used to build responsive websites, apps, and emails that work perfectly on any device. It is written using HTML, CSS, and Javascript and is used by many famous companies like Amazon, Facebook, eBay, etc. It uses packages like Grunt and Lib sass for fast coding and controlling and SaaS compiler to make development faster. Foundation CSS Orbit is used to create the slider that can swipe the elements using the orbit class. We can store any type of content in the slider such as text, images, etc. In this article, we will discuss Foundation CSS Orbit Slide Contents.

Foundation CSS Orbit Slide Contents Class:

• orbit-slide: This class is used to create the slider to slide the content.

Syntax:

<li class="orbit-slide">
 ....
</li>

Example 1: This example describes the Foundation CSS Orbit Slide Contents.

Output:

👁 Image

Example 2: This example describes the Foundation CSS Orbit Slide Contents with images.

Output:

👁 Image

Reference: https://get.foundation/sites/docs/orbit.html#slide-contents