{"html":"\n \n \n ON\n \n \n \n OFF\n \n\n","css":".absolute{position:absolute}.relative{position:relative}.-right-\\[6\\.5rem\\]{right:-6.5rem}.left-\\[0\\.3rem\\]{left:0.3rem}.z-0{z-index:0}.z-\\[1\\]{z-index:1}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.w-24{width:6rem}.w-\\[6\\.7rem\\]{width:6.7rem}.-skew-x-12{--tw-skew-x:-12deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-12{--tw-skew-x:12deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-width:1px}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.p-2{padding:0.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.duration-500{transition-duration:500ms}.peer:checked ~ .peer-checked\\:-left-\\[6\\.5rem\\]{left:-6.5rem}.peer:checked ~ .peer-checked\\:right-1{right:0.25rem}.peer:checked ~ .peer-checked\\:skew-x-12{--tw-skew-x:12deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked ~ .peer-checked\\:bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}"}

afraid-octopus-54

👁 实时预览

📝 源代码