Hello Coders, today I will show you the power button on-off design using CSS, which button you use on your everyday life. I will show you with CSS in a very simple manner which any can understand very easily. Here is the code below, Switch.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html> <html> <head> <title>Switch</title> <link rel="stylesheet" type="text/css" href="switch.css"> </head> <body> <label> <input type="checkbox" name=""> <span class="check"></span> <span class="light off">Off</span> <span class="light on">On</span> </label> </body> </html> |
Here is the main part of the design which […]