Ver ❯
Herramientas SEO
Tamaño del resultado:
668 x 574
×
Cambiar Orientacion
Cambiar tema, Oscuro/Luz
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Trucos y efectos de CSS3 - Tutoriales En Linea</title> </head> <body> <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> </body> </html>