<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>JS+CSS3开关按钮动画特效 - 站长素材</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<input id="switch" type="checkbox" checked>
<div class="box" id="box">
<div class="backside"></div>
<label for="switch">
<span class="on">ON</span>
<span class="off">OFF</span>
<span class="cube-switch">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</span>
</label>
</div>
<div class="turned-off"></div>
<input type="range" id="turn" min="0" max="360" value="30" oninput="spinSwitch()" onChange="spinSwitch()">
</div>
<script src="js/script.js"></script>
</body>
</html>