?> 背景知识::point_right: SVG, transition
<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; } </style> You-need-to-know-css-tricks-You-need-to-know-css-tricks-You- <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>