JSFiddle - React, Tailwind, and code Playground

by anmol sandal

HTML

<div class="animate">
<div class="loading">
<img class="abs" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_color-32.png">
<img class="abs"  src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_color-32.png">
<img class="abs" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/instagram_circle_color-32.png">
</div>
</div>

CSS

.animate {
height: 32px;
width: 32px;
transition: all ease .3s;
overflow: hidden;
font-size: 0;
}

.loading{ display: flex; flex-shrink: 0; flex-wrap: nowrap; position: relative;}
.abs { position: absolute; left: 0; top: 0;}