推荐个Css的filter常用滤波器属性及语句大全

Css的filter常用滤波器属性及语句大全

语法:STYLE="filter:filtername(fparameter1, fparameter2...)" 
  (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)

  滤镜说明:

  Alpha:设置透明层次 
  blur:创建高速度移动效果,即模糊效果 
  Chroma:制作专用颜色透明 
  DropShadow:创建对象的固定影子 
  FlipH:创建水平镜像图片 
  FlipV:创建垂直镜像图片 
  glow:加光辉在附近对象的边外 
  gray:把图片灰度化 
  invert:反色 
  light:创建光源在对象上 
  mask:创建透明掩膜在对象上 
  shadow:创建偏移固定影子 
  wave:波纹效果 
  Xray:使对象变得像被x光照射一样

  1、滤镜:Alpha 
  语法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"  
  说明: 
  Opacity:起始值,取值为0~100, 0为透明,100为原图。 
  FinishOpacity:目标值。 
  Style:1或2或3 
  StartX:任意值 
  StartY:任意值 
  例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

  2、滤镜:blur 
  语法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)" 
  说明: 
  Add:一般为1,或0。 
  Direction:角度,0~315度,步长为45度。 
  Strength:效果增长的数值,一般5即可。 
  例子:filter:Blur(Add="1",Direction="45",Strength="5")

  3、滤镜:Chroma 
  语法:STYLE="filter:Chroma(Color = color)" 
  说明:color:#rrggbb格式,任意。 
  例子:filter:Chroma(Color="#FFFFFF")

  4、滤镜:DropShadow 
  语法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)" 
  说明:Color:#rrggbb格式,任意。 
  Offx:X轴偏离值。 
  Offy:Y轴偏离值。 
  Positive:1或0。 
  例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

  5、滤镜:FlipH 
  语法:STYLE="filter:FlipH"  
  例子:filter:FlipH

  6、滤镜:FlipV 
  语法:STYLE="filter:FlipV" 
  例子:filter:FlipV

  7、滤镜:glow 
  语法:STYLE="filter:Glow(Color=color, Strength=strength)" 
  说明: 
  Color:发光颜色。 
  Strength:强度(0-100) 
  例子:filter:Glow(Color="#6699CC",Strength="5")

  8、滤镜:gray 
  语法:STYLE="filter:Gray" 
  例子:filter:Gray

  9、滤镜:invert 
  语法:STYLE="filter:Invert" 
  例子:filter:Invert

  10、滤镜:mask 
  语法:STYLE="filter:Mask(Color=color)" 
  例子:filter:Mask (Color="#FFFFE0")

  11、滤镜:shadow 
  语法:filter:Shadow(Color=color, Direction=direction) 
  说明: 
  Color:#rrggbb格式。 
  Direction:角度,0-315度,步长为45度。 
  例子:filter:Shadow (Color="#6699CC", Direction="135")

  12、滤镜:wave 
  语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength) 
  说明: 
  Add:一般为1,或0。 
  Freq:变形值。 
  LightStrength:变形百分比。 
  Phase:角度变形百分比。 
  Strength:变形强度。 
  例子:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

  13、滤镜:Xray 
  语法:STYLE="filter:Xray"  
  例子:filter:Xray

14.颜色变化
语法:
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');

(0)

相关推荐

  • 推荐个Css的filter常用滤波器属性及语句大全

    Css的filter常用滤波器属性及语句大全 语法:STYLE="filter:filtername(fparameter1, fparameter2...)"  (Filtername为滤镜的名称,fparameter1.fparameter2等是滤镜的参数) 滤镜说明: Alpha:设置透明层次  blur:创建高速度移动效果,即模糊效果  Chroma:制作专用颜色透明  DropShadow:创建对象的固定影子  FlipH:创建水平镜像图片  FlipV:创建垂直镜像图片 

  • mysql数据库操作_高手进阶常用的sql命令语句大全 原创

    mysql数据库操作sql命令语句大全:三表连表查询.更新时批量替换字段部分字符.判断某一张表是否存在.自动增长恢复从1开始.查询重复记录.更新时字段值等于原值加上一个字符串.更新某字段为随机值.复制表数据到另一个表.创建表时拷贝其他表的数据和结构.查看当前查询缓存相关参数状态.清理查询缓存内存碎片.导出数据到pc指定目录... 1.三表连表查询 select a.aid,a.title,b.url,c.content from dq_article_content c inner join c

  • js获取页面引用的css样式表中的属性值方法(推荐)

    如下所示: function getStyle(node, property){ if (node.style[property]) { return node.style[property]; } else if (node.currentStyle) { return node.currentStyle[property]; } else if (document.defaultView && document.defaultView.getComputedStyle) { var s

  • DOM操作一些常用的属性汇总

    1.DOM:文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 2.DOM的一些常用的属性 2.1 通过ID获取元素 (1)语法: 复制代码 代码如下: document.getElementById("id"); (2)作用:id就向一个人的身份证,我们可以通过寻找标签的id来寻找标签,然后进行相应的操作. (3)注意:不要忘记写document! 2.2 inne

  • 浅析bilateral filter双边滤波器的理解

    图像去噪的方法很多,如中值滤波,高斯滤波,维纳滤波等等.但这些降噪方法容易模糊图片的边缘细节,对于高频细节的保护效果并不明显.相比较而言,bilateral filter双边滤波器可以很好的边缘保护,即可以在去噪的同时,保护图像的边缘特性.双边滤波(Bilateral filter)是一种非线性的滤波方法,是结合图像的空间邻近度和像素值相似度的一种折衷处理,同时考虑空域信息和灰度相似性,达到保边去噪的目的(不理解这几个概念没关系,后面会慢慢解释). 1. 双边滤波(Bilateral filte

  • MySQL数据类型和常用字段属性总结

    前言 好比C++中,定义int类型需要多少字节,定义double类型需要多少字节一样,MySQL对表每个列中的数据也会实行严格控制,这是数据驱动应用程序成功的关键.M前言 好比C++中,定义int类型需要多少字节,定义double类型需要多少字节一样,MySQL对表每个列中的数据也会实行严格控制,这是数据驱动应用程序成功的关键.MySQL提供了一组可以赋给表中各个列的数据类型,每个类型都强制数据满足为该数据类型预先确定的一组规则,例如大小.类型及格式. 这里先总结数据类型.MySQL中的数据类型

  • FileStream常用的属性与方法总结

    对流进行操作时要引用 using System.IO; 命名空间 FileStream常用的属性和方法: 属性: CanRead 判断当前流是否支持读取,返回bool值,True表示可以读取 CanWrite 判断当前流是否支持写入,返回bool值,True表示可以写入 方法: Read() 从流中读取数据,返回字节数组 Write() 将字节块(字节数组)写入该流 Seek() 设置文件读取或写入的起始位置 Flush() 清除该流缓冲区,使得所有缓冲的数据都被写入到文件中 Close() 关

  • Python OpenCV之常用滤波器使用详解

    目录 1. 滤波器 1.1 什么是滤波器 1.2 关于滤波核 1.3 素材选择 2.均值滤波器 cv2.blur() 2.1 语法简介 2.2 代码示例 3. 中值滤波器 cv2.medianBlur() 代码示例 4. 高斯滤波器 cv2.GaussianBlur() 5. 双边滤波器 cv2.bilateralFilter() 1. 滤波器 1.1 什么是滤波器 滤波器是对图像做平滑处理 的一种常用工具. 平滑处理即在尽可能地保留原图像信息的情况下,对像素值进行微调,使邻近的像素值之间,值的

  • 日常收集常用SQL查询语句大全

    常用sql查询语句如下所示: 一.简单查询语句 1. 查看表结构 SQL>DESC emp; 2. 查询所有列 SQL>SELECT * FROM emp; 3. 查询指定列 SQL>SELECT empmo, ename, mgr FROM emp; SQL>SELECT DISTINCT mgr FROM emp; 只显示结果不同的项 4. 查询指定行 SQL>SELECT * FROM emp WHERE job='CLERK'; 5. 使用算术表达式 SQL>S

  • sql中的常用的字符串处理函数大全

    具体内容如下所示: 一.常用函数 1.ASCII() 返回字符表达式最左端字符的ASCII 码值.在ASCII()函数中,纯数字的字符串可不用''括起来,但含其它字符的字符串必须用''括起来使用,否则会出错. 2.CHAR() 将ASCII 码转换为字符.如果没有输入0 ~ 255 之间的ASCII 码值,CHAR() 返回NULL . 3.LOWER()和UPPER() LOWER()将字符串全部转为小写:UPPER()将字符串全部转为大写. 4.STR() 把数值型数据转换为字符型数据. S

随机推荐