📄 投影滤镜效果.htm
字号:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>CSS范例9--Shadow滤镜效果</TITLE>
<meta http-equiv="page-enter" content="revealTrans(duration=3,tansition=23)">
<meta http-equiv="page-exit" content="revealTrans(duration=3,tansition=23)">
<SCRIPT LANGUAGE=javascript>
<!--
function setFilter(){
//obj.filters.shadow.color=document.form1.Color.value;
obj.filters.shadow.direction=document.form1.Direction.value;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<h4 align="center">Shadow滤镜效果</h4>
<div align="center" id="obj" style="position:absolute;top:40px;left:20px;font-size:40px;font-weight:bold;color:#ff0000;filter:shadow(Color=#999999,direction=135)"><img src="1.jpg"><p>Shadow滤镜效果</div>
<div align="center" style="position:absolute;top:900px;left:20px">
<FORM action="" method=POST id=form1 name=form1>
请选择滤镜参数:
Color:<INPUT type="text" id=Color name=Color>
Direction:<INPUT type="text" id=Direction name=Direction>
<INPUT type="button" value="观看效果" onclick="setFilter()">
</FORM>
</div>
</BODY>
</HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -