📄 红玻璃滤镜效果.html
字号:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft FrontPage 4.0">
<TITLE>CSS范例6--Glow滤镜效果</TITLE>
<STYLE><!--
--></STYLE>
<SCRIPT>
<!--
function setFilter(){
//var color=document.form1.Color.value;
//myimg.filters.glow.color=color.toString();
myimg.filters.glow.Strength=document.form1.Strength.value;
if (myimg.filters.glow.enabled == 1)
{
myimg.filters.glow.enabled = 0;
}
if (myimg.filters.blendTrans.status == 0)
{
myimg.filters.blendTrans.Apply();
myimg.filters.glow.enabled=1;
myimg.filters.blendTrans.Play();
}
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#000000" text="#ffff00">
<H4 align=center style="color:#ff0000">Glow滤镜效果</H4>
<DIV align=center id="myimg" style="padding-top:40px;font-size:30pt;font-weight:bolder;line-height:200%;height:200;filter:glow(color=#ff0000,strength=20,enabled=0) blendTrans(duration=3)"><p>今夜星光灿烂<p>Click Me to watch me glow!!<p></DIV>
<FORM id=form1 name=form1>
<div align="center">请选择滤镜参数：<!--Color:<INPUT type="text" size="10" id="Color" name="Color">-->
(-1000000000～1000000000之间)<INPUT type="text" size="10" id="Strength" name="Strength">
<INPUT type="button" value="观看效果" onclick="setFilter()">
</FORM>
</BODY>
</HTML>
<html></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -