css样式表滤镜全接触
发布时间:2007-10-26 12:48:00
一、css样式表滤镜的构成
滤镜作为样式表大家庭中的一员,它跟其他样式表元素的定义和应用方式当然是一样的,能够直接定义在HTML标识的<head>和</head>只间。样式表滤镜的基本语法为:
标记{FILTER:滤镜名(属性名1=属性值1,属性名2=属性值2,....);}
它所表达的意思是:在该标记范围内的内容,样式表滤镜将按照小括号内的属性名所限定的对象,按属性值所设定的数值进行特效处理。其中标记为HTML语法中的任意标记,如SPAN,P,BR等等;滤镜名就是我们下面所涉及到的14种滤镜名称;每一种滤镜它都有自己特定的属性名及其属性值。
例如:
p { filter : alpha(opacity=80,style=1 ); }
以上就是使用样式表滤镜的定义方法。
二、CSS静态滤镜的种类
在IE4.0以上版本浏览器中,支持以下14种样式表滤镜:
滤镜名 说明
Alpha 让对象呈现渐变半透明效果
Blur 让对象产生风吹模糊的效果
DropShadow 让对象有一个下落式的阴影
Glow 在对象的周围产生光晕而模糊的效果
Chroma 让图像中的某一颜色变成透明色
FlipH 让HTML对象水平转换
FlipV 让HTML对象垂直转换
Wave 让HTML对象产生水平或是垂直方向上的正弦波形
Shadow 让对象产生阴影效果
Mask 利用一个HTML对象在另一个对象上产生图像的遮罩
Light 在HTML元件上放置一个光影
Gray 把一个彩色的图象变成灰色调图象
Invert 让对象产生照片底片的效果
XRay 让对象轮廓突出显示
这些滤镜就像是PhotoShop这一类图像处理软件所提供的特效一样,有了这些特效,你就可以直接在HTML中对图片进行特效处理了,而不用再用专门的图片处理软件编辑图片了。样式表滤镜不仅对图象起作用,同时也适用于文本;在这里笔者为方便叙述,暂用文本作为例子来谈谈滤镜的参数及其作用。


猜你喜欢
- 前言Multiprocessing.Pool可以提供指定数量的进程供用户调用,当有新的请求提交到pool中时,如果池还没有满,那么就会创建一
- 在MySQL中,A LEFT JOIN B join_condition执行过程如下:· 根据表A和A依赖的所有表设置表B。· 根据LEFT
- 为了在一幅图像 f 的(x,y)位置寻找边缘的强度和方向,所选择的工具就是梯度,梯度使用向量来表示:该向量指出了图像 f 在位置(x,y)处
- 一 异常处理1.什么是异常Error(错误)是系统中的错误,程序员是不能改变的和处理的,如系统崩溃,内存空间不足,方法调用栈溢等。遇到这样的
- <!doctype><html><head><title>新闻图片轮换类</title
- Python是一门清晰简洁的语言,如果你对一些细节不了解的话,就会掉入到那些深不见底的“坑”里,下面,我就来总结一些Python里常见的坑。
- 1.计算机语言的基本概念 计算机语言(Computer Language) 指用于人与计算机之间的通信。2.解释型和编译型语言的区别 编译型
- 今天是我们来玩一个钉子。通过一个钉子来学习一个opencv中的一个函数,这个函数我网上也有搜过,不过遗憾的是,各路好手都是写的是有点不堪入目
- 初学框架vue搭配vux使用发现这个UI库使用有些力不从心。下面说说自己在表单验证过程遇到的两个需求问题及解决的方法。1.使用x-input
- Pattern.split方法详解/** * 测试Pattern.split方法 */ @Test public void testPatt
- mixins混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时
- 如果在select语句前放上关键词explain,mysql将解释它如何处理select,提供有关表如何联接和联接的次序。explain的每
- 正则表达式是一种特殊序列的字符,它通过使用有专门语法的模式来匹配或查找其他字符串或字符串集合。语法正则表达式从字面上看是一种介于斜杠之间或介
- window对文件夹的操作主要包括移动/剪切/复制,本篇文章主要用jQuery来实现,下面一起来了解一下把。1.先看下效果吧!2.在添加一个
- 一、python线程的模块1.1 thread和threading模块thread模块提供了基本的线程和锁的支持threading提供了更高
- 一、lambda关键字的使用方法func=lambda x:x+1print(func(1))#2print(func(2))#3#以上la
- CSS制作滑动折叠的文字效果,可以用于二级导航菜单的制作,不错的下拉菜单。<!DOCTYPE html PUBLIC "-/
- 本文实例讲述了Python实现判断给定列表是否有重复元素的方法。分享给大家供大家参考,具体如下:题目很简单,只是简单温习一个方法,most_
- 本文实例为大家分享了python策略模式代码,供大家参考,具体内容如下"""策略模式""&
- 一、基础第三方库使用1.基本使用方法"""例"""from urllib imp