css滤镜

最新推荐文章于 2024-06-14 12:00:00 发布

「已注销」

最新推荐文章于 2024-06-14 12:00:00 发布

阅读量185

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/yuanjin1988/article/details/42736983

版权

css 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
	<head>
		<title>CSS滤镜</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	</head>
	<style type = "text/css">
		
		div
		{
			filter:shadow(color = red,direction = 135,strength = 5);
			width:200px;
			height:150px;
			padding:5px;
		}
		
		img
		{
			
		}
		
		   
	</style>
	<body>
		<!-- IE专属不推荐使用 -->
		<!-- Alpha滤镜 -->
		<!-- opacity         0-100        对象的亮度 -->
		<!-- style           1,2,3        滤镜的样式 -->
		
		<!-- Blur滤镜 -->
		<!-- add             true/false   是否印象派 -->
		<!-- direction       0-360        角度       -->
		<!-- strength        数字         模糊度     -->
		
		<!-- Fliph滤镜                    水平翻转   -->
		<!-- Flipv滤镜                    垂直翻转   -->
		
		<!-- DropShadow滤镜 -->
		<!-- color           颜色         阴影颜色     -->
		<!-- offx            数字         x坐标偏移    -->
		<!-- offy            数字         y坐标偏移    -->
		<!-- positive        true/false   是否建立透明 -->
		
		<!-- Glow滤镜 -->
		<!-- color           颜色         发光颜色     -->
		<!-- strength        数字         发光厚度     -->
		
		<!-- Gray滤镜   -->
		<!-- Invert滤镜 -->
		<!-- Xray滤镜   -->
		
		<!-- Shadow滤镜 -->
		<!-- color           颜色         阴影颜色     -->
		<!-- direction       0-360        阴影方向     -->
		
		<div class = "div1">
			PHP100.COM中文网
		</div>
		
		<img src = "4.jpg" />
	</body>
</html>