马黑黑 发表于 2024-10-9 20:45

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

这个配色不好看吗

马黑黑 发表于 2024-10-9 20:49

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

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

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

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

这个设计很别致{:4_199:}

醉美水芙蓉 发表于 2024-10-9 21:15

马黑黑 发表于 2024-10-9 21:15

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

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

红影 发表于 2024-10-9 21:17

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

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

花飞飞 发表于 2024-10-9 22:47

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

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

花飞飞 发表于 2024-10-9 22:48

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

挺好看的呀。。大自然的经典配色{:4_173:}

花飞飞 发表于 2024-10-9 22:49

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

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

马黑黑 发表于 2024-10-9 23:15

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

只要最小是100%就成

马黑黑 发表于 2024-10-9 23:15

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

意思是还可以看看

马黑黑 发表于 2024-10-9 23:17

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

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

花飞飞 发表于 2024-10-10 19:53

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

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

花飞飞 发表于 2024-10-10 19:54

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

{:4_174:}哈哈,我只知道一般人不敢这么用,用效果这么好的都不是一般人。

花飞飞 发表于 2024-10-10 19:55

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

随机角度没看到设置,它就 随机了?我就纳闷的哪句代码让它随机的{:4_170:}

马黑黑 发表于 2024-10-10 20:09

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

aud.ontimeupdate

马黑黑 发表于 2024-10-10 20:10

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

大约是八班的

花飞飞 发表于 2024-10-10 20:14

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

{:4_170:}原来这个小盆友。。。可算记住它了。。

花飞飞 发表于 2024-10-10 20:14

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

异常聪明班的。{:4_173:}

马黑黑 发表于 2024-10-10 20:15

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

估计是的吧,反正再笨也不必一班的笨
页: 1 [2] 3 4 5
查看完整版本: Mars