用CSS3如何做线性渐变效果

用CSS3如何做线性渐变效果
最新回答
梦的河流

2020-11-27 21:27:01

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-07-09 09:00:18

<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下看到渐变郑昌