用CSS3如何做线性渐变效果

发布网友发布时间：2022-04-06 10:38

我来回答

共2个回答

热心网友时间：2022-04-06 12:08

1、语法

2、参数

第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：

第一个参数省略时，默认为“180deg”，等同于“to bottom”。

第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。

例如：

background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);

该属性已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。

热心网友时间：2022-04-06 13:26

<div style="border-top: 8px solid #000;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;">在Firefox浏览器里能看到边框颜色渐变效果</div>这个只能在ff下看到渐变

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com