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

小阀门

<svg width="400" height="400" 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>

马黑黑 发表于 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>

红影 发表于 2026-4-28 23:41

这么多的小阀门真好看{:4_187:}

马黑黑 发表于 2026-4-28 23:55

红影 发表于 2026-4-28 23:41
这么多的小阀门真好看

好吧，就叫小阀门{:4_170:}

红影 发表于 2026-4-30 16:28

马黑黑 发表于 2026-4-28 23:55
好吧，就叫小阀门

哈哈，还真叫这个名字了啊{:4_196:}

马黑黑 发表于 2026-4-30 21:12

红影 发表于 2026-4-30 16:28
哈哈，还真叫这个名字了啊

t形象

红影 发表于 2026-5-1 17:01

马黑黑 发表于 2026-4-30 21:12
t形象

弄得我还挺自豪的{:4_173:}

马黑黑 发表于 2026-5-1 18:30

红影 发表于 2026-5-1 17:01
弄得我还挺自豪的

应该的，必须的

红影 发表于 2026-5-2 15:59

马黑黑 发表于 2026-5-1 18:30
应该的，必须的

然后对这个图案有了深刻印象{:4_173:}

马黑黑 发表于 2026-5-4 17:16

红影 发表于 2026-5-2 15:59
然后对这个图案有了深刻印象

也许有一天，它们会定期无限的宝藏

红影 发表于 2026-5-4 20:59

马黑黑 发表于 2026-5-4 17:16
也许有一天，它们会定期无限的宝藏

定期无限的宝藏？是变成无限宝藏么？

马黑黑 发表于 2026-5-5 09:20

红影 发表于 2026-5-4 20:59
定期无限的宝藏？是变成无限宝藏么？

开启无限的宝藏

红影 发表于 2026-5-5 23:02

马黑黑 发表于 2026-5-5 09:20
开启无限的宝藏

小阀门啊，开启的也是小的宝藏{:4_173:}

马黑黑 发表于 2026-5-5 23:10

红影 发表于 2026-5-5 23:02
小阀门啊，开启的也是小的宝藏

小而珍贵
页: [1]
查看完整版本: 小阀门