Texto circular en CSS3 14362q

En este Tutoriales En Linea les traemos este truco de efecto que permite efectos visuales de texto circular (Gira el texto circularmente al pasar el mouse por encima del texto.) - circular text en CSS3...
Background：SVG, transition

<style>
  main {
    width: 289px; height: 289px;
    margin: 80px auto;
    font-size: 12px;
  }
  main svg {
    overflow: visible;
    animation: circular-text-rotate 5s linear paused infinite;
  }
  main svg:hover {
    animation-play-state: running;
  }
  main path {
    fill: none;
  }
  main text {
    fill: #b4a078;
  }
  @keyframes circular-text-rotate {
    to {
      transform: rotate(1turn);
    }
  }
</style>

<main>
    <svg viewBox="0 0 100 100">
      <path d="M 0,50 a 50,50 0 1,1 0,1 z" id="circle" />
      <text>
        <textPath xlink:href="#circle">
          Trucos y efectos en Tutoriales En Linea-Tutoriales En Linea-TL
        </textPath>
      </text>
    </svg>
</main>

Ver resultado