Ribbon效果

形状

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

颜色

透明度取决于alpha值。

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

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

代码

写的比较乱就不贴了。

文章导航

CSS先挖坑