设为首页 - 加入收藏 - 网站地图 SecYe安全 Www.SecYe.Com - 国内网络信息安全IT技术门户网
当前位置:SecYe > 网页设计 > CSS > 正文

CSS实现背景渐变 CSs滤镜使用

时间:2017-02-23 13:24 来源:本站整理 作者:SecYe安全 阅读:
  • 这里使用CSS的filter: progid:DXImageTransform.Microsoft.gradient滤镜来实现网页背景的渐变,可随意指定是哪个Div需要渐变,比如需要在Div class="demo"的地方使用渐变,那只需复制上边的代码,把CSS名称改为demo即可,那些颜色值也可以自己改的,我这里是随便弄的颜色。

<title>CSS背景渐变效果演示:</title>
<style type="text/css">
.demo{
width:550px;height:120px;
background: -moz-linear-gradient(left, #95979A, #fff);
background: -webkit-linear-gradient(left, #95979A, #fff);
background: -o-linear-gradient(left, #95979A, #fff);
background: linear-gradient(left, #95979A, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #95979A, endColorstr = #FFFFFF);
}
</style></p>
<div class="demo">CSS滤镜值filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #95979A, endColorstr = #FFFFFF);</div>

本文来源:SecYe安全网[http://www.secye.com] (责任编辑:SecYe安全)

点击复制链接 与好友分享!

顶一下
(0)
0%
踩一下
(0)
0%