CSS3灰度和虚化效果
2015-07-31 08:46
676 查看
#huidu{
position: absolute;
width:100%;
height:380%;
top:10%;
background-color:#676767;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
position:absolute;
top:0;
left:0;
z-index:99;
}
.xuhua{
background:-webkit-gradient(linear, 10% 10%,100% 100%, color-stop(0.14, rgb(255,0,0)), color-stop(0.5, rgb(255,255,0)), color-stop(1, rgb(0,0,255));-webkit-gradient(linear, 0 0, 0 100%, from(#2074af), to(#2c91d2));-moz-linear-gradient(10 10 90deg, rgb(25,0,0) 14%, rgb(255,255,0) 50%, rgb(0,0,255) 100%);
filter:progid: .Microsoft.gradient(startColorstr=#00ffff,endColorstr=#9fffff,grandientType=1);
}
position: absolute;
width:100%;
height:380%;
top:10%;
background-color:#676767;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
position:absolute;
top:0;
left:0;
z-index:99;
}
.xuhua{
background:-webkit-gradient(linear, 10% 10%,100% 100%, color-stop(0.14, rgb(255,0,0)), color-stop(0.5, rgb(255,255,0)), color-stop(1, rgb(0,0,255));-webkit-gradient(linear, 0 0, 0 100%, from(#2074af), to(#2c91d2));-moz-linear-gradient(10 10 90deg, rgb(25,0,0) 14%, rgb(255,255,0) 50%, rgb(0,0,255) 100%);
filter:progid: .Microsoft.gradient(startColorstr=#00ffff,endColorstr=#9fffff,grandientType=1);
}
相关文章推荐
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- HTML5中在客户端验证文件上传的大小
- 如何使用CSS3画出一个叮当猫
- 原生js结合html5制作小飞龙的简易跳球
- 三个不常见的 HTML5 实用新特性简介
- CSS3实例分享之多重背景的实现(Multiple backgrounds)
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+html5实现绘制圆环的方法