当前位置:首页 > 网页特效 > css样式 >

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

时间:2014-07-04 08:23 来源:互联网 作者:源码搜藏 收藏 推荐

运行代码 保存代码 复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
  • 这里使用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>

由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-css/9747.html

css样式下载排行

最新文章