效果图片

<div class="rotate-effect"><svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: relative; top: 1px; left: 5px;">
    <path id="curvedText1" fill="none" stroke="none" d="M 32.550491,148.48008 A -108.15144,-108.15144 0 0 1 140.70194,40.328644 -108.15144,-108.15144 0 0 1 248.85338,148.48008 -108.15144,-108.15144 0 0 1 140.70194,256.63153 -108.15144,-108.15144 0 0 1 32.550491,148.48008 Z"></path>  
    <text font-size="28" fill="#262626" letter-spacing="3.2" font-family="Marcellus, Poppins" font-weight="700">
    <textPath xlink:href="#curvedText1">HANDMADE - HANDMADE - HANDMADE - </textPath></text>
</svg></div>