<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); }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.