دکمه سویچی زیبا در CSS

CSS toggle btn

HTML

<div class="container">
  <input type="checkbox" id="switch"/>
  <label for="switch" class="switch">
    <div>
      <ul class="top">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <ul class="bottom">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <span class="button"></span>
    </div>
    <span class="on"></span>			
    <span class="off"></span>
  </label>
</div>

ادامه‌ی خواندن