古詩詞大全網 - 四字成語 - CSS3中如何實現漸變效果

CSS3中如何實現漸變效果

CSS3裏面的線性漸變:linear-gradient

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+等瀏覽器的支持。