红橙黄绿青蓝紫

起个网名好难 发表于 2024-9-13 08:22

模仿《猜猜这个是不是在转》帖

<svg width="600" height="600" viewBox="0 0 300 300">
<circle cx="150" cy="150" r="0" fill="none" stroke="red" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="a1" attributeName="r" from="0" to="250" dur="10s" begin="0;a7.begin+6" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="orange" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="a2" attributeName="r" from="0" to="250" dur="10s"begin="a1.begin+6s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="yellow" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="a3" attributeName="r" from="0" to="250" dur="10s" begin="a2.begin+6s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="green" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="a4" attributeName="r" from="0" to="250" dur="10s" begin="a3.begin+6s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="cyan" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="a5" attributeName="r" from="0" to="250" dur="10s" begin="a4.begin+6s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="blue" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="a6" attributeName="r" from="0" to="250" dur="10s" begin="a5.begin+6s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="purple" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="a7" attributeName="r" from="0" to="250" dur="10s" begin="a6.begin+6s" />
</circle>
</svg>

起个网名好难 发表于 2024-9-13 08:22

梦江南 发表于 2024-9-13 08:38

在转啊！

梦江南 发表于 2024-9-13 08:39

好像转得太大了点。

起个网名好难 发表于 2024-9-13 08:42

梦江南发表于 2024-9-13 08:38
在转啊！

https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif

看过这个回复了吗{:5_117:}
https://www.huachaowang.com/forum.php?mod=redirect&goto=findpost&ptid=78204&pid=2172916&fromuid=7581

梦江南 发表于 2024-9-13 08:58

起个网名好难发表于 2024-9-13 08:42
看过这个回复了吗
https://www.huachaowang.com/forum.php?mod=redirect&goto=findpost&pt ...

去看了，原来是线条在增多导致像是在转了。

起个网名好难 发表于 2024-9-13 09:08

本帖最后由起个网名好难于 2024-9-13 09:10 编辑 <br /><br /><div style="margin: 60px; text-align: center;">
<svg width="300" height="300" viewBox="0 0 300 300" >
<circle cx="150" cy="150" r="0" fill="none" stroke="red" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="cr1" attributeName="r" from="0" to="250" dur="7" begin="0;cr7.begin+1" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="orange" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="cr2" attributeName="r" from="0" to="250" dur="7"begin="cr1.begin+1s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="yellow" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="cr3" attributeName="r" from="0" to="250" dur="7" begin="cr2.begin+1s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="green" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="cr4" attributeName="r" from="0" to="250" dur="7" begin="cr3.begin+1s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="cyan" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="cr5" attributeName="r" from="0" to="250" dur="7" begin="cr4.begin+1s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="blue" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="cr6" attributeName="r" from="0" to="250" dur="7" begin="cr5.begin+1s" />
</circle>
<circle cx="150" cy="150" r="0" fill="none" stroke="purple" stroke-width="4" stroke-dasharray="6 15 3">
<animate id="cr7" attributeName="r" from="0" to="250" dur="7" begin="cr6.begin+1s" />
</circle>
</svg>
</div>

梦江南 发表于 2024-9-13 09:10

是有角度在扩长成圆形，就像在转了

起个网名好难 发表于 2024-9-13 09:20

梦江南发表于 2024-9-13 09:10
是有角度在扩长成圆形，就像在转了

半径变大又是虚线看着像是在转{:5_106:}

红影发表于 2024-9-13 10:09

自己一个个去设置颜色啊，不容易。这样也很好看呢{:4_187:}

红影发表于 2024-9-13 10:14

起个网名好难发表于 2024-9-13 09:08
本帖最后由起个网名好难于 2024-9-13 09:10 编辑

变小点倒是让线条能同时展示了，哦，还有时间缩短了。{:4_173:}

起个网名好难 发表于 2024-9-13 11:20

红影发表于 2024-9-13 10:09
自己一个个去设置颜色啊，不容易。这样也很好看呢

https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif

就是这七种颜色的英文单词挺简单的。

起个网名好难 发表于 2024-9-13 11:22

红影发表于 2024-9-13 10:14
变小点倒是让线条能同时展示了，哦，还有时间缩短了。

同时多出来几个似乎好些。{:5_106:}

梦油发表于 2024-9-13 11:26

盒马容易猜错。

起个网名好难 发表于 2024-9-13 11:28

梦油发表于 2024-9-13 11:26
盒马容易猜错。

https://q4.itc.cn/images01/20240125/9032121a4d184862965e07bdf580e12e.jpeg

红影发表于 2024-9-13 16:27

起个网名好难发表于 2024-9-13 11:20
就是这七种颜色的英文单词挺简单的。

只是一个个设置也不容易的，不过可以自己控制要什么颜色了{:4_187:}

红影发表于 2024-9-13 16:27

起个网名好难发表于 2024-9-13 11:22
同时多出来几个似乎好些。

是的，更漂亮{:4_199:}

起个网名好难 发表于 2024-9-13 16:41

红影发表于 2024-9-13 16:27
只是一个个设置也不容易的，不过可以自己控制要什么颜色了

做一个然后就是复制粘贴了{:5_117:}

起个网名好难 发表于 2024-9-13 16:45

红影发表于 2024-9-13 16:27
是的，更漂亮

<div style="width:100%;height:100px;background:linear-gradient(90deg , red ,orange, yellow, green,cyan,blue, purple);"></div>

{:5_117:}

红影发表于 2024-9-13 16:54

起个网名好难发表于 2024-9-13 16:41
做一个然后就是复制粘贴了

是的，在复制黏贴中一个个换上新的颜色{:4_173:}

页: [1] 2 3

花潮论坛's Archiver

红橙黄绿青蓝紫