<div class="rotate">
<span>P</span>
<span>D</span>
<span>C</span>
<span>A</span>
</div>
div {
font-size: 48px;
}
.rotate span {
display: inline-block;
animation: rotate-anime 60s steps(60) infinite;
}
@keyframes rotate-anime {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.