Heim > Web-Frontend > HTML-Tutorial > css3 Gradient背景_html/css_WEB-ITnose

css3 Gradient背景_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:43:34
Original
1164 Leute haben es durchsucht

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>
Nach dem Login kopieren

二、径向渐变radial-gradient

待续

 

 

 

大漠写的css3 gradient

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

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage