Кольцевой текст

?> Обзор: SVG, переход

<script v-pre type="text/x-template" id="circular-text"> <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> Вы нуждаетесь знать советы по CSS Вы нуждаетесь знать советы по CSS Вы <script> </script> </script>

Поддержка браузерами

<iframe src="https://caniuse.bitsofco.de/embed/index.html?feat=css-transitions&periods=future_1,current,past_1,past_2,past_3&accessible-colours=false" frameborder="0" width="100%" height="458px"></iframe>