JSFiddle - React, Tailwind, and code Playground
HTML
<div>I'm spinning around, move out of my way, I know you're feelin' me 'cuz you like it like this</div>
CSS
div {
font-size: 30px;
-webkit-animation: spin 10s cubic-bezier(0.215, 0.61, 0.645, 1);
animation: spin 10s cubic-bezier(0.215, 0.61, 0.645, 1);
}
@-webkit-keyframes spin {
0% {
transform: rotateX(0deg);
}
25% {
transform: rotateX(1800deg);
}
100% {
transform: rotateX(1800deg);
}
}
@keyframes spin {
0% {
transform: rotateX(0deg);
}
25% {
transform: rotateX(1800deg);
}
100% {
transform: rotateX(1800deg);
}
}