Tabbar animation - Only CSS

PHOTO EMBED

Mon Oct 18 2021 07:41:26 GMT+0000 (UTC)

Saved by @chrgautier #undefined

<div class="tabs">

  <!-- TAB 1 -->

  <input type="radio" name="tab" id="tab-01" checked />

  <label for="tab-01">

    <svg>

      <use xlink:href="#icon-01" class="icon" />

      <use xlink:href="#icon-01" class="icon" />

      <use xlink:href="#icon-01" class="icon" />

      <use xlink:href="#icon-01" class="icon" />

      <use xlink:href="#icon-01" class="icon" />

    </svg>

  </label>

  <!-- TAB 2 -->

  <input type="radio" name="tab" id="tab-02" />

  <label for="tab-02">

    <svg>

      <use xlink:href="#icon-02" class="icon" />

      <use xlink:href="#icon-02" class="icon" />

      <use xlink:href="#icon-02" class="icon" />

      <use xlink:href="#icon-02" class="icon" />

      <use xlink:href="#icon-02" class="icon" />

    </svg>

  </label>
content_copyCOPY

https://codepen.io/milanraring/pen/BayRaVb