<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 2s ease-in-out infinite;
}
@keyframes rotate-anime {
100%{ transform: rotate(360deg) }
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.