zoukankan      html  css  js  c++  java
  • CSS 滤镜属性(图片透明)

    用于定制图片的显示效果

    1)滤镜的有效HTML标记:

    BODY 

    BUTTON  

    DIV    

    IMG  

    INPUT  

    MARQUEE   

    SPAN   

    TABLE   

    TD   

    TEXTAREA   

    TH  

    TR  

    2)滤镜的属性参数

    a) 设置透明度Alpha  

    语法: { FILTER: Alpha(Opacity=n1,Finishopacity=n2,Style=#,Startx=x1,Starty=y1,Finishx=x2,Finishy=y2)}
    "Opacity"
    透明度.0100,0代表完全透明.100代表完全不透明.
    "Finishopacity"
    可选,指定结束时的透明度.0100.
    "Style"
    透明区域形状.其中#可为:0代表统一形状,1线形,2放射状,3长方形.
    "Startx"
    "Starty"渐变透明效果的开始XY坐标.
    "Finsihx"
    "Finsihy"渐变透明效果结束XY的坐标.
    <!--[if !supportLineBreakNewLine]-->
    <!--[endif]-->

    b) 模糊Blur   

    语法:{filter:blur(add=add,direction=direction,strength=strength)}
    "add""TRUE(
    默认)"或者"FALSE".指定图片是否被改变成印象派的模糊效果.1为真,0为假
    "direction"
    设置模糊的方向.0垂直向上,45度为一个单位.默认值向左的270.
    "strength"
    有多少像素的宽度受到模糊影响,默认是5个像素.

     

    c) 透明 Chroma  

    把指定的颜色设置为透明
    语法: {filter:chroma(color=color)}

    COLOR,设置为透明色的颜色的值

    举例:

    <img style="filter:chroma(color=white)" src="图片" width="26" height="15" > 

    d) 投射阴影DropShadow  

    语法: {filter:Dropshadow(Color=color,Offx=x,Offy=y,positive=positive)}
    "Color"
    阴影颜色
    "Offx"
    "Offy"X方向和Y方向阴影的偏移量.
    "Positive"
    如果为"True"为任何的非透明像素建立可见的投影.如果为"False",为透明的像素部分建立可见的投影. 

    e) 翻转 FlipH, FlipV  

    语法:{filter: FlipH} ,{filter: FlipV}

    分别是将对象水平反转和垂直反转 

    f)对象的外边界增加光效Glow 

    语法:{filter:Glow(Color=color,Strength=n)}

     "Color"发光色
    "Strength"
    强度从1255 

    g)图象色彩转换

    Gray灰度   Invert反色   Xray映出图象轮廓并把这些轮廓加亮(X光效果,灰度后反色)
    语法: {filter:gray} {filter:invert} {filter:xray} 

    h) 阴影效果Shadow  

    语法: {filter:shadow(Color=color,Direction=direction)}
    Color
    投影色
    Direction
    投影.0度垂直向上,然后每45度为一个单位.默认值是向左的270. 

    i) 正弦波纹Wave  

    X轴和Y轴方向利用正弦波纹打乱图片

    语法: {filter:wave(Add=True/False,Freq=n,Lightstrength=n1,Phase=n2,Strength=n3)}
    "Add"
    是否打乱,默认是"True".
    "Freq"
    产生多少个完整的波纹.
    "LightStrength"
    增强光影,0-100的整数值.
    "Phase"
    正弦波的偏移量,通常值为0,范围是0-100的整数值
    "Strength"
    代表振幅大小.

  • 相关阅读:
    C#listbox使用方法
    poj 3894 System Engineer (二分图最大匹配--匈牙利算法)
    Java实现 蓝桥杯VIP 算法训练 连接字符串
    Java实现 蓝桥杯VIP 算法训练 连接字符串
    Java实现 蓝桥杯VIP 算法训练 比较字符串
    Java实现 蓝桥杯VIP 算法训练 比较字符串
    Java实现 蓝桥杯VIP 算法训练 比较字符串
    Java实现 蓝桥杯VIP 算法训练 比较字符串
    Java实现 蓝桥杯VIP 算法训练 比较字符串
    Java实现 蓝桥杯VIP 算法训练 黑白无常
  • 原文地址:https://www.cnblogs.com/conquer/p/850811.html
Copyright © 2011-2022 走看看