小阀门

马黑黑 · 发表于 2026-4-28 22:48

您需要登录才可以下载或查看，没有账号？立即注册

x

马黑黑 · 发表于 2026-4-28 22:49

代码

<svg id="msvg" width="200" height="200" xmlns="http://www.w3.org/2000/svg" viewBox="-100 -100 200 200">
<symbol id="sb" viewBox="-100 -100 200 200">
<circle cx="0" cy="0" r="40" fill="none" stroke="green" stroke-width="5"></circle>
<path d="M0 0, 60 0" fill="none" stroke="green" stroke-width="5"></path>
<path d="M0 0, 60 0" fill="none" stroke="green" stroke-width="5" transform="rotate(120.00, 0 0)"></path>
<path d="M0 0, 60 0" fill="none" stroke="green" stroke-width="5" transform="rotate(240.00, 0 0)"></path>
</symbol>
<use href="#sb" x="-100" y="-100" width="100" height="100"></use>
<use href="#sb" x="-100" y="-100" width="100" height="100" transform="rotate(60.00, 0 0)"></use>
<use href="#sb" x="-100" y="-100" width="100" height="100" transform="rotate(120.00, 0 0)"></use>
<use href="#sb" x="-100" y="-100" width="100" height="100" transform="rotate(180.00, 0 0)"></use>
<use href="#sb" x="-100" y="-100" width="100" height="100" transform="rotate(240.00, 0 0)"></use>
<use href="#sb" x="-100" y="-100" width="100" height="100" transform="rotate(300.00, 0 0)"></use>
<use href="#sb" x="-50" y="-50" width="100" height="100"></use>
<style>
#sb { transform-origin: 50px 50px; animation: rot 6s linear infinite; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
</svg>