Heim > Web-Frontend > HTML-Tutorial > 怎么实现背景色从中间往两边渐变?_html/css_WEB-ITnose

怎么实现背景色从中间往两边渐变?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:51:33
Original
5580 Leute haben es durchsucht

-webkit-linear-gradient( bottom,transparent ,#000 100%)
这样实现了背景色的渐变,希望实现背景色是中间深色,逐渐往上和往下变成透明,css该怎么写?


回复讨论(解决方案)

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#000); /*IE 6 7 8*/ 

background: -ms-linear-gradient(top, #fff,  #000);        /* IE 10 */

background:-moz-linear-gradient(top,#fff,#000);/*火狐*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#000));/*谷歌*/ 

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#000));      /* Safari 4-5, Chrome 1-9*/

background: -webkit-linear-gradient(top, #fff, #000);   /*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top, #fff, #000);  /*Opera 11.10+*/


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