Mars

马黑黑

花飞飞 发表于 2024-10-9 19:29
小播原来全是代码完成的模拟时钟~~
整个时钟线性渐变，红色，绿色，暗红色。。小播外圆填充了这个渐变色， ...

这个配色不好看吗

马黑黑

花飞飞 发表于 2024-10-9 19:33
还有一条小小线，跟条小黄鱼似的，绕着圈游 。。
不是匀速的，慢的时候像是在发呆，快的时候溜得飞快。
  ...

CSS让运动的元素有个时长，规定在这个时间范围里完成一个动作。这里，小线段在 0.5s 内完成它的每一个旋转，每次旋转是不定数的，所以会有回转或快转等等现象，两个动作之间的过渡更能让这个效果往更有趣的方向发展。

红影

马黑黑 发表于 2024-10-9 20:44
它起点缀作用

这个设计很别致

马黑黑

红影 发表于 2024-10-9 21:14
这个设计很别致

线条在svg里也是大有作为的元素

红影

马黑黑 发表于 2024-10-9 21:15
线条在svg里也是大有作为的元素

这样的一定范围内的不定数的变化，更是灵动而奇妙。

花飞飞

马黑黑 发表于 2024-10-9 20:49
CSS让运动的元素有个时长，规定在这个时间范围里完成一个动作。这里，小线段在 0.5s 内完成它的每一个旋 ...

时长很容易明白。。
这里的完成一个动作，指的是什么来着？转圈圈？
它这么随意，不应该是匀速的么

花飞飞

马黑黑 发表于 2024-10-9 20:45
这个配色不好看吗

挺好看的呀。。大自然的经典配色

花飞飞

马黑黑 发表于 2024-10-9 20:44
太大了看着炫目

这样刚刚好。。只是如果是我的话可能起始值 为100，变到105..。。你这反过来了

马黑黑

花飞飞 发表于 2024-10-9 22:49
这样刚刚好。。只是如果是我的话可能起始值 为100，变到105..。。你这反过来了

只要最小是100%就成

马黑黑

花飞飞 发表于 2024-10-9 22:48
挺好看的呀。。大自然的经典配色

意思是还可以看看

马黑黑

花飞飞 发表于 2024-10-9 22:47
时长很容易明白。。
这里的完成一个动作，指的是什么来着？转圈圈？
它这么随意，不应该是匀速的么

播放器播放时间给小线段一个随机的角度，接近一秒给一次，而小线段每一个动作只需0.5秒

花飞飞

马黑黑 发表于 2024-10-9 23:15
只要最小是100%就成

背景只能大不能小。。
看来大变小小变大都是可以滴

花飞飞

马黑黑 发表于 2024-10-9 23:15
意思是还可以看看

哈哈，我只知道一般人不敢这么用，用效果这么好的都不是一般人。

花飞飞

马黑黑 发表于 2024-10-9 23:17
播放器播放时间给小线段一个随机的角度，接近一秒给一次，而小线段每一个动作只需0.5秒

随机角度没看到设置，它就 随机了？我就纳闷的哪句代码让它随机的

马黑黑

花飞飞 发表于 2024-10-10 19:55
随机角度没看到设置，它就 随机了？我就纳闷的哪句代码让它随机的

aud.ontimeupdate

马黑黑

花飞飞 发表于 2024-10-10 19:54
哈哈，我只知道一般人不敢这么用，用效果这么好的都不是一般人。

大约是八班的

花飞飞

马黑黑 发表于 2024-10-10 20:09
aud.ontimeupdate

原来这个小盆友。。。可算记住它了。。

花飞飞

马黑黑 发表于 2024-10-10 20:10
大约是八班的

异常聪明班的。

马黑黑

花飞飞 发表于 2024-10-10 20:14
异常聪明班的。

估计是的吧，反正再笨也不必一班的笨