Posts

Showing posts with the label toggle switch

How to create a toggle switch with html and css

  Creating a toggle switch with html and css So we will create a toggle switch with html and css. we will use check box for toggle. We will create it very reponsive. so lets begin. Here is the toggle switch Toggle Switch Here is the code <! DOCTYPE   html > < html > < head > < style > .switch  {    position : relative;    display : inline-block;    width :  60px ;    height :  34px ; } .switch   input  { display :none;} .slider  {    position : absolute;    cursor : pointer;    top :  0 ;    left :  0 ;    right :  0 ;    bottom :  0 ;    background-color : #ccc;    -webkit-transition :  .4s ;    transition :  .4s ; } .slider:before  {    position : absolute;    content :...