css简单动态渐变流光字代码

  • 内容
  • 相关

代码如下。就不配图了,会一点代码的都知道咋弄,没事大家可以看下,和上面那个流光字一样的道理,只是这个是动态的

设置颜色的时候最好是第一个和最后一个是同一个颜色,以便达到理想的效果。

代码如下:


.gradient{
    width:300px;
    height:150px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/	
    background:red; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5)));  
    background:-o-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); 
}


热度:619° 评分:8.7 发布时间: 2018年1月23日

本文标签:

版权声明:若无特殊注明,本文皆为《小洋vier》原创,转载请保留文章出处。

本文链接:css简单动态渐变流光字代码 - https://www.wuiso.com/post-938.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

3条评论
  1. avatar

    小洋vier 回复

    表情 骚年,我怀疑你写了一篇假的文章!
    表情 写得好好哟,我要给你生猴子!
    滴!学生卡!打卡时间:上午7:39:37,请上车的乘客系好安全带~
    表情

    浙江省杭州市 阿里云BGP数据中心

    1. avatar

      小洋vier 回复

      表情 骚年,我怀疑你写了一篇假的文章!
      滴!学生卡!打卡时间:下午11:33:44,请上车的乘客系好安全带~

      浙江省杭州市 阿里云BGP数据中心

      1. avatar

        小洋vier 回复

        表情 骚年,我怀疑你写了一篇假的文章!
        表情 写得好好哟,我要给你生猴子!
        滴!学生卡!打卡时间:下午7:23:13 表情 ,请上车的乘客系好安全带~

        浙江省杭州市 阿里云BGP数据中心