使用CSS3滤镜美化效果
来源:互联网 发布:多肉植物淘宝店推荐 编辑:程序博客网 时间:2024/05/19 02:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用css3滤镜美化效果</title>
</head>
<body>
<h1>滤镜的相关概述,用标识符filter:filtername(parameter)来标记</h1>
<ul>
<li>Alpha:设置透明度</li>
<li>BlendTrans:实现图像间的淡入和淡出的效果</li>
<li>Blur:建立模糊效果</li>
<li>Chroma:设置对象中指定的颜色为透明色</li>
<li>DropShadow:建立阴影效果</li>
<li>FlipH:将元素水平翻转</li>
<li>FlipV:元素垂直翻转</li>
<li>Glow:建立外发光效果</li>
<li>Gray:灰度显示图像,即显示为黑白图像</li>
<li>Invert:图像反相,包括色彩 饱和度和亮度值,类似底片效果</li>
<li>Light:设置光源效果</li>
<li>Mask:设置透明遮罩</li>
<li>RevealTrans:建立切换效果</li>
<li>Shadow:建立另外一种阴影效果</li>
<li>WAve:波纹效果</li>
<li>Xray:显现图片的轮廓,类似于X光片效果</li>
</ul>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>使用css3滤镜美化效果</title>
</head>
<body>
<h1>滤镜的相关概述,用标识符filter:filtername(parameter)来标记</h1>
<ul>
<li>Alpha:设置透明度</li>
<li>BlendTrans:实现图像间的淡入和淡出的效果</li>
<li>Blur:建立模糊效果</li>
<li>Chroma:设置对象中指定的颜色为透明色</li>
<li>DropShadow:建立阴影效果</li>
<li>FlipH:将元素水平翻转</li>
<li>FlipV:元素垂直翻转</li>
<li>Glow:建立外发光效果</li>
<li>Gray:灰度显示图像,即显示为黑白图像</li>
<li>Invert:图像反相,包括色彩 饱和度和亮度值,类似底片效果</li>
<li>Light:设置光源效果</li>
<li>Mask:设置透明遮罩</li>
<li>RevealTrans:建立切换效果</li>
<li>Shadow:建立另外一种阴影效果</li>
<li>WAve:波纹效果</li>
<li>Xray:显现图片的轮廓,类似于X光片效果</li>
</ul>
</body>
</html>
0 0
- 使用CSS3滤镜美化效果
- CSS3----透明滤镜效果
- css3 滤镜效果
- [前端] css3滤镜效果
- CSS3 常用滤镜效果
- css3中的滤镜效果
- 使用CSS3滤镜开发模糊背景(毛玻璃)效果
- CSS3 -webkit-filter 滤镜效果
- CSS3 -webkit-filter 滤镜效果
- CSS3 -webkit-filter 滤镜效果
- css3高级滤镜-渐隐效果
- CSS3 filter 实现滤镜效果
- CSS3 filter(滤镜) 使用
- CSS3滚动条美化效果
- CSS3滚动条美化效果
- css3 滤镜 模糊,黑白,对比度等滤镜效果效果
- 一个CSS3滤镜Drop-shadow阴影效果
- css3 滤镜效果(黑白滤镜、模糊化处理等)
- css 截取图片某个位子和绝对定位
- select / poll / epoll 区别与应用场景
- java StringBuilder类的常用方法
- HDOJ(HDU) 2136 Largest prime factor(素数筛选)
- try...catch...新认识
- 使用CSS3滤镜美化效果
- jdk8+tomcat8+eclipse配置JavaEE开发环境
- Android消息传递机制浅析
- 用PyInstaller把Python代码打包成单个独立的exe可执行文件
- ECLIPSE项目中断svn连接解决方法
- Leetcode 112. Path Sum
- jQuery(1)--入口模块jQuery()
- 网络编程--Volley之定制自己的Request
- JAVA环境配置