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代码去实现了,真是好事情那!

  • 相关阅读:
    <O(n),O(1)>的LCA
    hdu6110
    ACM模板
    prufer编码
    UvaLive6893_The_Big_Painting
    HDU5669
    Codeforces786B
    二分图部分总结
    Git简介和Windows下安装步骤
    笔记本电脑插入耳机后无法使用解决办法
  • 原文地址:https://www.cnblogs.com/Apollo/p/674971.html
Copyright © 2011-2022 走看看