JSFiddle - React, Tailwind, and code Playground
by thelifeisyours
HTML
<img class="col-rot" src="https://cdn.discordapp.com/emojis/623956915793428481.png?v=1" />
CSS
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(180deg, rgba(37, 38, 41, 0.09) 13.22%, hsla(244, 7%, 15%, 1) 42%),linear-gradient(0deg, #181740 47%, hsla(245, 43%, 14%, 1));
}
.col-rot {
animation: col-rot infinite linear 7s;
}
@keyframes col-rot {
from { transform: rotate(0deg); filter: hue-rotate(-25deg); }
to { transform: rotate(360deg); filter: hue-rotate(335deg); }
}