?> Background：:point_right: SVG, transition
<script v-pre type="text/x-template" id="circular-text_tlp"> <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> You-need-to-know-css-tricks-You-need-to-know-css-tricks-You- <script> </script> </script> <iframe width="100%" height="458px" frameborder="0" src="https://caniuse.bitsofco.de/embed/index.html?feat=css-transitions&periods=future_1,current,past_1,past_2,past_3&accessible-colours=false"> </iframe>