SOURCE

<svg width="500" height="900">
    <circle r="80" cx="250" cy="180" fill="pink"/>
    <rect width="2" height="58" x="250" y="175" 
    fill="red" transform-origin="250 180"
      style="transform-box:fill-box" class="sz"/>
     
     <rect width="2"  height="62"x="250" y="175" fill="black" class="sz1"/>
    <text x="240" y="120">12</text>
    <text x="246" y="250">6</text>
    <text x="195" y="240">7</text>
    <text x="175" y="215">8</text>
    <text x="315" y="185">3</text>
    <text x="305" y="225">4</text>
    <text x="280" y="245">5</text>

    <text x="170" y="185">9</text>
    <text x="180" y="155" >卡西欧李龙飞定制版</text>
</svg>

@keyframes gmy{
    0%{

        transform:rotate(45 deg);
    }

    50%{
        transform:rotate(90 deg);
    }

    100%{
        transform:rotate(360deg);
    }
}

.sz{
    animation: gmy 2s 0.2s infinite ease-in-out;
}