颜色后面的百分数啥意思 background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);

颜色后面的百分数啥意思 background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);

慕工程2957023

2016-11-23

源自：十天精通CSS3 9-10

关注问题我要回答

3128

操作

收起

4 回答

奔跑的小溪嘻嘻
2018-01-02

别听楼上瞎扯，只有第一个百分比是颜色的比值，后面都是百分比减去前一个的百分比作为渐变的区域宽度，如果为负值统一作为0处理，也就是看不出渐变的效果，呈现出颜色的突变，然后剩下的区域是颜色的实值，不再是渐变

1 回复有任何疑惑可以回复我~

你就是我孩子气的神呀
2017-11-04

线性渐变45°方向，0~25%为#478480色，25%~75%设为透明（transparent故显示出的颜色为背景颜色#51938F）

75%~100%设为#478480色，总体结果可以放大看到效果，小图看起来像很多个小矩形呢~其实不是哒~~

1 回复有任何疑惑可以回复我~

慕码人5999576
2016-11-29

别听上面瞎说，百分比是指当前渐变所在位置占整个元素的比值。

0 回复有任何疑惑可以回复我~

秋风asdf
2016-11-24

当前颜色值的透明度

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242695 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

1 回答linear-gradient

2 回答linear-gradient只能用在background-image属性里吗

2 回答linear-gradient 怎么设置才能兼容IE6~IE9呢，求大神指点

1 回答请问大神right：0可以删除吗？还有 background: linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a);top前面不用加to吗？

1 回答把50% 和75%改成一样的坐标180*180，想象的是会右下停留然后运动，结果不是....why

搜索更多本课相关问答

颜色后面的百分数啥意思 background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);

我要回答关注问题

意见反馈帮助中心 APP下载