您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 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>

    CSS实现背景渐变 CSs滤镜使用由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/csstx/9747.html
    标签:网站源码