css3 备忘
1、渐变色
从上到下,白色透明度100%到白色透明度0%渐变(注意为避免继承,新建元素,父元素relative,子元素absolute)
background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0));//W3C background-image:-webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) , rgba(255, 255, 255, 0));//Webkit background-image:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0));//Gecko background-image:-o-linear-gradient(top,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0));//Presto background-image:-ms-linear-gradient(top,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0)); //IE,IE10+
参考链接:http://www.w3cplus.com/css3/new-css3-linear-gradient.html
2、透明
透明度(注意为避免继承,新建元素,父元素relative,子元素absolute)
opacity: 0.5; //W3C.firefox, Safari和 Opera.
filter:alpha(opacity=50); IE6+,取值为0-100.
-moz-opacity:0.5; //Mozilla老版本,0-1
-khtml-opacity: 0.5;//safari老版本,0-1
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。