Ribbon效果

形状

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

颜色

透明度取决于alpha值。

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

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

代码

写的比较乱就不贴了。

文章导航

CSS先挖坑

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • oj

    由于题目数字特别大(10^18),可以使用long long(最大2^63-1)或unsigned long long(最大2^64-1)替代int。

    gojam
  • 面试角度的前端学习路线

    我知道是columns属性,不过试验了一下没有生效。郁闷?。为什么MDN的例子是正常的,我自己写一个p标签加上columns属性不生效呢?

    gojam
  • MBP无法连接iPad Pro的解决方案

    加上一个usb-hub中继,但只能充电不能交换数据,出问题是因为苹果的usb 3.0驱动。

    gojam
  • 极客资讯丨佛系游戏“养蛙”风靡朋友圈的原因究竟为何?

    一川水巷
  • [713]linux系统phantomjs截图乱码

    用phantomjs去截取中文页面的网站可能会出现乱码的情况,也就是截图中中文的位置全是方框。

    周小董
  • 一个简单实用的Android调试应用技巧

    在应用开发中,我们常常会进行日志打印或者debug调试,以此来分析运行时的一些信息,便于发现bug和问题。Android Studio的Debug功能很好用,但...

    技术小黑屋
  • 临床研究新风向,巧用LASSO回归构建属于你的心仪模型

    对于医生来说,如果有某种“特定功能”来预测患者是否会有未知结果,那么许多医疗实践模式或临床决策都会改变。在临床上,几乎每天我们都会听到这样的叹息:“如果我能提前...

    用户6317549
  • dotnet 在 UOS 国产系统上安装 Mono 开发工具的方法

    本文使用的 UOS 是 UOS 20 x64 版本,这个系统版本是基于 debian 10 的。而默认 mono-devel 是没有提供 UOS 版本,但是有提...

    林德熙
  • UDP&TCP Linux网络应用编程详解

    暂时想不出什么好的应用场景, 目前想到目标就是实现让两个设备通过网络传输数据, 比如开发板和Linux主机之间传数据, 以后就可以实现开发板通过网络上报数...

    韦东山
  • 男女程序员的差别在哪?

     劳伦斯 · 布雷福德(Laurence Bradford)是编程教育网站「Learn to Code With Me」的创办人,她依托自己的网站对 504 名...

    程序员互动联盟

扫码关注云+社区

领取腾讯云代金券