首页 > 代码库 > css3 备忘
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
css3 备忘
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。