Ribbon效果

2019-11-14 11:13:55 浏览数 (2)

形状

由n、n-1、n-2三个点围成三角形,n 循环。

颜色

透明度取决于alpha值。

渐变色取色环上临近的颜色。我找到rgb变化的规律后,手写了三个分段函数,他们的规律(参照色环上的顺序)大概是R变化时GB不变,G变化时RB不变,B变化时RG不变,他们的周期相同,6个阶段中每个阶段都有一种原色数值上升/下降。

写分段函数用了很多if,其实可以不用分段,渐变并非一定要与色环的顺序一致并且饱和度相当。我们也可以直接用cos选择一个0-256的数,rgb的数值由此决定,每次循环该数值变化一点点,这样也可以渐变。

代码

写的比较乱就不贴了。

文章导航

CSS先挖坑

0 人点赞