css switch Archives - PHPCODER.TECH

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


<!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>

<!DOCTYPE html>

<html>

<head>

<title>Switch</title>

</head>

<body>

<label>

Off

On

</label>

</body>

</html>

Here is the main part of the design which […]

Tag: css switch

Power switch on off using CSS and HTML