CodePen Embed - Turn-PDCA

<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 is owned by YAMADA Nobuko on CodePen. It is a fork of this Pen.

See more by @e99h2121 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.