zoukankan      html  css  js  c++  java
  • Css样式表之渐变色的实现

          在网页中做渐变色一直是个比较痛苦的事情,又是图片又是背景,现在好了,找了下搜索引擎终于发现其实样式表是可以实现渐变的效果的,以前一直都不知道,诶。

         1、从左到右的渐变:style="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0000ff,endColorStr=#fffffff);"

         2、从上到下的渐变:style="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#0000ff);"

         3、文字的渐变效果:
    .FadeLine
    {
     padding-right: 0px;
     border-top: #538f65 2px solid;
     padding-left: 0px;
     font-size: 22px;
     filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=10,startX=10,finishX=100);
     padding-bottom: 0px;
     margin: 0px;
     color: #3366cc;
     padding-top: 0px;
    }


        呵呵,其实代码是很简单,只是以前一直没有去研究过,哈哈,以后做程序,渐变的图片,就可以直接用这样的CSS代码去实现了,真是好事情那!

  • 相关阅读:
    nodejs获取服务器数据到页面
    Struts 2
    JQuery
    JDBC
    Hiberbate
    EasyUi
    JavaScript
    利用 HashSet 去过滤元素是否重复
    HTML
    MySQL
  • 原文地址:https://www.cnblogs.com/Apollo/p/674971.html
Copyright © 2011-2022 走看看