Awesome people build awesome 😎 things using css. Let’s create an input checkbox with label, so that we can change the label as switch and turn on the switch when the checkbox is checked and turn off when it is unchecked. <input type=”checkbox” id=”toggle” class=”checkbox” /> <label for=”toggle” class=”switch”></label> The label is placed below the …
Tag Archives: Learn Css
Developing a Bouncing loader in CSs
Will create a super bouncing loader in css . First we need to create 3 dots , to create a loader. <div class = “loader”> <div></div> <div></div> <div></div> </div> Add some css to make the div to fill whole screen. Set the loader as flex-box and set all div inside loader to center vertically using align-items: center …
Creating a super simple loader in Css
Creating a loader in css is as easy as eating a piece of cake. Create a div ; <div class=”spinner”></div> 2.Add some style to the spinner div. .spinner { border: 10px solid rgba(0, 0, 0, 0.1); //create border border-left-color: #2EB35A; // make only one side border-radius: 50%; // makes the div looks like circle width: 50px; …
Js Jeep 🚙 