按钮 · Nervous Warthog

类型：组件　·　分类：按钮　·　收录：2026-09-19　·　源码：会员可见

[hidecontent type="vip1"]

<!-- From Uiverse.io by Shubh0408  - Tags: button, toggle, click effect, toggle switch, tailwindbutton -->
<label
  class="w-16 h-8 bg-black shadow-inner rounded-full flex justify-around items-center overflow-hidden outline outline-2 outline-offset-2"
>
  <input class="peer hidden" type="checkbox" />
  <div
    class="w-6 h-6 flex justify-center items-center text-white bg-black border-[2px] duration-500 rounded-full peer-checked:translate-y-8"
  ></div>
  <div
    class="w-6 h-6 flex justify-center items-center text-white duration-500 rounded-full -translate-y-8 peer-checked:translate-y-0 rotate-90"
  >
    𝝞
  </div>
</label>


    

[/hidecontent]