Advertisement
milkandcookies

rotating circle text

Aug 27th, 2021
822
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.52 KB | None | 0 0
  1. <style>
  2.  
  3. svg {
  4. fill: white;
  5. opacity: 85%;
  6. transform-origin: center;
  7. width: 100%;
  8. animation: spin 8s linear infinite;
  9. }
  10.  
  11. @keyframes spin {
  12. 100% { transform: rotate(-360deg); }
  13. }
  14.  
  15. </style>
  16.  
  17. <body>
  18.  
  19. <svg viewBox="0 0 100 100" width="240" height="240">
  20. <defs>
  21. <path id="circle"
  22. d="
  23. M 50, 50
  24. m -37, 0
  25. a 37,37 0 1,1 74,0
  26. a 37,37 0 1,1 -74,0"/>
  27. </defs>
  28. <text font-size="1em" font-family="sweety">
  29. <textPath xlink:href="#circle">
  30. info here info here info here info here
  31. </textPath>
  32. </text>
  33. </svg>
  34.  
  35. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement