使用原生css3实现滑块式开关按钮

html代码如下：

<div class="switch-box">
        <input type="checkbox" id="switch" hidden="hidden">
        <label for="switch" class="switch">
            <div class="dot">
            </div>
        </label>
    </div>

css代码如下：

<style>
        .switch-box{
   
            width