1. 程式人生 > >漸變背景色 linear-gradient

漸變背景色 linear-gradient

hid png com ack pen images 分享 pin hide

技術分享
1 div{
2     background: pink; /*不支持漸變色的瀏覽器*/
3     background: -webkit-gradient(linear,0 0,0 100%,from(red) ,to(blue)); 
4     background: -moz-linear-gradient(top,red,blue)
5     }
View Code

漸變屬性 gradient : 線性漸變 linear 和 徑向漸變 radial

線性漸變:

webkit:

技術分享

技術分享

moz:

技術分享

opera:

技術分享

ie: 忽略。。。。

漸變背景色 linear-gradient