使用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>
0 0
原创粉丝点击