Rotating Circle Text

index.html

<div>Made with the MockoFun <a href="https://medium.com/@codingdudecom/circle-text-2e7e5246cc94">circle text</a> generator</div>
<img style="--rotation-duration:10s;" src="https://i.imgur.com/zdPkiY2.png" alt="Circle Text" class="rotating-circle-text">

rotating-circle-text.markdown

Rotating Circle Text

Made with the MockoFun circle text generator

A Pen by Ion Emil Negoita on CodePen.

License.

style.css

.rotating-circle-text{
  -webkit-animation: rotating var(--rotation-duration) linear infinite;
  -moz-animation: rotating (--rotation-duration) linear infinite;
  -ms-animation: rotating (--rotation-duration) linear infinite;
  -o-animation: rotating (--rotation-duration) linear infinite;
  animation: rotating (--rotation-duration) linear infinite;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}