Skip to content
Related Articles

Related Articles

Foundation CSS Controls Complete Reference

Improve Article
Save Article
  • Last Updated : 10 Jun, 2022
Improve Article
Save Article

Foundation CSS is an open-source and responsive front-end framework created by ZURB in September 2011 that makes it simple to create stunning responsive websites, apps, and emails that operate on any device. Foundation CSS Controls use to create different types of switches, buttons, sliders, and translations and control them as requirements like coloring switches, sizing switches, range sliders, and many things you can do it.

Complete list of Foundation CSS Control are listed below:

Example:

HTML




<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Compressed CSS -->
    <link rel="stylesheet"
        href=
        crossorigin="anonymous">
</head>
<body>
<center>
    <h1 style="color:green;"> GeeksforGeeks </h1>
 
    <h3> Foundation CSS Button Basics </h3>
 
    <a href="#" class="button">
    GFG Button 1
    </a>
    <a href="#" class="button">
    GFG Button 2
    </a>
    <a href="#" class="button">
    GFG Button 3
    </a>   
    <a href="#" class="button">
    GFG Button 4
    </a>
    <center>
        <strong>Foundation CSS Switch</strong>
        <br/><br/>
        <div class="switch">
            <input class="switch-input"
                id="exampleSwitch"
                type="checkbox"
                name="exampleSwitch">
            <label class="switch-paddle"
                for="exampleSwitch">
            <span class="show-for-sr">GeeksforGeeks</span>
            </label>
        </div>
        </center>
</center>
</body>
</html>


Output:

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!