文字效果集中营

马黑黑

红影 发表于 2022-3-24 22:15
那些变色方案已经把我看迷糊了

其实简单的，就是用 rgba 配色方式，JS里分别获取随机值给三个变量 r、g、b，然后使用线性渐变将 rgb 三种颜色搭配成两个颜色，两者变换一下变量位置的顺序。

马黑黑

红影 发表于 2022-3-24 22:15
那些变色方案已经把我看迷糊了

这句

bb.style.background = 'linear-gradient(45deg,rgb(' + r + ',' + g + ',' + b + '),rgb(' + g +',' + b + ',' + r +'))';

翻译成CSS的话就是

background: linear-gradient(45deg,rgb(r,g,b), rgb(g,b,r));

红色的 r,g,b 是数值变量，随机变化。橙色的 rgb 是 rgb颜色 表示方法

红影

马黑黑 发表于 2022-3-24 22:18
其实简单的，就是用 rgba 配色方式，JS里分别获取随机值给三个变量 r、g、b，然后使用线性渐变将 rgb 三 ...

还可以把三种颜色搭配成两个啊，这个厉害了

红影

马黑黑 发表于 2022-3-24 22:25
这句

bb.style.background = 'linear-gradient(45deg,rgb(' + r + ',' + g + ',' + b + '),rgb(' + g  ...

嗯，，用数字的颜色表示方法，通过随机改变数字，达到颜色变化的效果

马黑黑

红影 发表于 2022-3-24 23:02
嗯，，用数字的颜色表示方法，通过随机改变数字，达到颜色变化的效果

是的

马黑黑

红影 发表于 2022-3-24 23:00
还可以把三种颜色搭配成两个啊，这个厉害了

rgb或rgba方法需要三个元素（红蓝绿），它这样组成颜色：

rgb(红,蓝,绿)
rgb(红,蓝,绿,alpha值)

红影

马黑黑 发表于 2022-3-25 12:32
rgb或rgba方法需要三个元素（红蓝绿），它这样组成颜色：

rgb(红,蓝,绿)

这个知道的，只是不知道可以通过改变动态他们的数字，能出现不停变换的色彩。

马黑黑

红影 发表于 2022-3-25 14:27
这个知道的，只是不知道可以通过改变动态他们的数字，能出现不停变换的色彩。

定时器控制，每隔一个指定时间改变一下它的背景色

红影

马黑黑 发表于 2022-3-25 18:46
定时器控制，每隔一个指定时间改变一下它的背景色

这种改变颜色的方式很巧妙，这种改变用英文字母的就不行了吧，用六位字母和数字的表述应该也不行了。

马黑黑

红影 发表于 2022-3-25 21:25
这种改变颜色的方式很巧妙，这种改变用英文字母的就不行了吧，用六位字母和数字的表述应该也不行了。

英文字母的也可以哈，进制不同，可能抽象一些

红影

马黑黑 发表于 2022-3-25 22:41
英文字母的也可以哈，进制不同，可能抽象一些

哦哦，还以为只有这个数字的可以呢。

马黑黑

红影 发表于 2022-3-25 22:51
哦哦，还以为只有这个数字的可以呢。

rgb是最好控制的，因为它用的是数值

红影

马黑黑 发表于 2022-3-25 23:45
rgb是最好控制的，因为它用的是数值

是啊，其他的要么用字母，要么是字母和数字的组合，都不如纯数字方便。现在总算体会到了各种颜色表达方式里的在使用时的差异。

马黑黑

红影 发表于 2022-3-26 14:20
是啊，其他的要么用字母，要么是字母和数字的组合，都不如纯数字方便。现在总算体会到了各种颜色表达方式 ...

进制问题而已的，也不难的

红影

马黑黑 发表于 2022-3-26 14:33
进制问题而已的，也不难的

不如单词颜色，根本就没法这样随机啊。

马黑黑

红影 发表于 2022-3-26 16:06
不如单词颜色，根本就没法这样随机啊。

要计算一下的

红影

马黑黑 发表于 2022-3-26 16:28
要计算一下的

单词的组合千变万化，这个也能计算？

马黑黑

红影 发表于 2022-3-26 16:48
单词的组合千变万化，这个也能计算？

十六进制的规律

红影

马黑黑 发表于 2022-3-26 17:57
十六进制的规律

这个，不懂。

马黑黑

红影 发表于 2022-3-26 21:20
这个，不懂。

进制还是换成十进制的好理解，人科动物的理解习惯