Rumah > hujung hadapan web > html tutorial > css3 Gradient背景_html/css_WEB-ITnose

css3 Gradient背景_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:43:34
asal
1159 orang telah melayarinya

css3的gradient分为两种:线性渐变(linear)和径向渐变(radial)。

一、线性渐变linear-gradient

linear-gradient([设置方向],[设置开始颜色],[设置多种过度颜色],[设置结束颜色])

参数:

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

第一个参数默认:180deg,等同于“to bottom”。

后面的颜色至少有2个,即开始颜色和结束颜色。

举例:

<style type="text/css">p{    width: 300px;    height: 100px;    background-image:-webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);}</style><p>从左到右线性渐变背景</p>
Salin selepas log masuk

二、径向渐变radial-gradient

待续

 

 

 

大漠写的css3 gradient

http://www.w3cplus.com/content/css3-gradient

 

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan