background:linear-gradient()
2024-10-19 06:16:43
文章一 http://www.runoob.com/css3/css3-gradients.html
文章二:http://www.w3cplus.com/content/css3-gradient
自己试验一点:
e.g: background:linear-gradient(90deg,red 20%,blue 40%,yellow 50%,green 60%)的含义解释:
1:90deg表示从左往右(等同于to right),0deg表示从下往上(to top)
2:颜色可以任意多个,中间的百分比(或者用长度也行)表示颜色位置,具体的本例含义经测试理解如下:
从开始到20%位置处为纯红色,20%-40%处为红蓝渐变(40%处为纯蓝色),40%-50%处为蓝黄渐变区域(50%处是纯黄),50%-60%为黄绿渐变区域,60%之后到结束为纯绿色。
如果后面的颜色百分比小于前面的,则后面的数字无效,其大小按照前面的那个数字计算。(如50%如果变为30%,则此30%无效,将会按照40%计算)。
P.S. 以后这种细节性的东西在闲暇时再研究,不能浪费时间和精力在这上面(现在深深的感觉到精力有限啊)。GO
最新文章
- sgu 240 Runaway (spfa)
- [iOS]坑爹的ALAsset(Assets Library Framework)
- LintCode Longest Common Substring
- 在同台电脑上再次安装MySql需要注意的事项
- linux 实用知识整理
- java 读取文件的常用方式
- BZOJ 2748: [HAOI2012]音量调节 dp
- 你不需要jQuery(二)
- HDU 5750 Dertouzos
- win7下如何执行批处理文件
- linux应用程序地址布局
- C#计算当前日期为一年中的第几周
- 如何导出sqlserver中的表数据,sqlserver2008
- C#导出Word文档开源组件DocX
- 分享学习——ERP项目管理经验
- 多系统引导 Grub
- 【持续集成】GIT+jenkins+sonar——GIT
- AbstractQueuedSynchronizer同步队列与Condition等待队列协同机制
- Python: Pycharm简单介绍
- Excel函数使用