📄 红绿变色滤镜效果.html
字号:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>CSS范例2--blur滤镜效果</TITLE>
<style><!--
#obj {filter:blur();}
--></style>
<SCRIPT LANGUAGE=javascript>
<!--
function setFilter(){
obj.filters.blur.direction=document.form1.Direction.value;
obj.filters.blur.strength=document.form1.Strength.value;
obj.filters.blur.add=document.form1.Add.value;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<h4 align="center">Blur滤镜效果</h4>
<div align="center"><img src="1.jpg" id=obj></div>
<FORM id=form1 name=form1>
请选择滤镜参数:
Direction:<INPUT type="text" size="4" id=Direction name=Direction>
Strength:<INPUT type="text" size="4" id=Strength name=Strength>
Add:<SELECT size=1 id=Add name=Add1>
<OPTION value="1">true</OPTION>
<OPTION value="0">false</OPTION>
</SELECT>
<INPUT type="button" value="观看效果" onclick="setFilter()">
</FORM>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -