CSS

【CSS】トグルスイッチToggle Switches

June 18, 2017
toggle-switches

Toggle SwitchesはCSSで実装されたトグルスイッチ。

HTML

        <div class="container">
          <div class="intro"><h1>Pure CSS Toggle switches</h1></div>

          <div class="toggle-switch-container">
            <input type="checkbox" class="toggle-switch">
          </div>
          <div class="toggle-switch-container">
            <input type="checkbox" class="toggle-switch">
          </div>
          <div class="toggle-switch-container">
            <input type="checkbox" class="toggle-switch">
          </div>
          <div class="toggle-switch-container">
            <input type="checkbox" class="toggle-switch">
          </div>                    
        </div>