zoukankan      html  css  js  c++  java
  • css设置透明层

    用下面的样式表定义你的层 
    .alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}

    解释:

    Opacity=开始的不透明度(100的话就不透明了) 
    FinishOpacity=结束的不透明度(100的话就不透明了) 
    Style=样式,从0开始,1.2.3....有均匀透明啊,放射形状透明啊... 
    StartX=开始透明的X坐标,基本上为图片、层的左上角(0) 
    StartY= 开始透明的Y坐标,基本上也为图片、层的左上角(0) 
    FinishX=结束透明的X坐标,基本上也图片、层的右下(图片、层的宽度) 
    FinishY=结束透明的Y坐标,基本上也为图片、层的右下角(图片、层的高度)

     

     

    黑白照片 filter: gray;

    X光照片 filter: Xray;

    风动模糊 filter: blur(add=true,direction=45,strength=30);

    正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);

    半透明效果 filter: Alpha(Opacity=50);

    线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);

    放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);

    白色透明 filter: Chroma(Color=#FFFFFF);

    降低色彩 filter: grays;

    底片效果 filter: invert;

    左右翻转 filter: fliph;

    垂直翻转 filter: flipv;

    投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);

    马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);

    发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);

    柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

  • 相关阅读:
    谷歌浏览器无法携带cookie问题
    如何言简意赅表达你需要寻求开发协助?
    vue传参params参数不能混用?
    浅谈JS变量声明和函数声明提升
    如何提高你的CSS水平
    闭包,看这一篇就够了——带你看透闭包的本质,百发百中
    Vue-给对象新增属性(使用Vue.$set())
    PHP const问题
    Linux/U-boot version with "-dirty"
    360度评估互评如何避免恶意打分
  • 原文地址:https://www.cnblogs.com/joebky/p/2708007.html
Copyright © 2011-2022 走看看