📄 s09_23b.htm
字号:
<HTML>
<HEAD>
<META http-equiv="Content-Language" content="zh-cn">
<META name="vs_targetSchema" content="HTML 4.0">
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<TITLE>设置文本的滤镜效果</TITLE>
</HEAD>
<BODY>
<TABLE border="0" width="940">
<TR>
<TH width="95">类型</TH>
<TH width="835">
<P align="left">效果</TH>
</TR>
<TR>
<TD width="95">blur </TD>
<TD width="835" style="filter:blur(strength=6,direction=135)">
<H1>设置模糊效果</H1>
</TD>
</TR>
<TR>
<TD width="95" height="52">dropShadow</TD>
<TD width="835" height="52">
<H1 style="filter:dropShadow(color=gray,offX=3,offY=3);width=600">设置阴影效果</H1>
</TD>
</TR>
<TR>
<TD width="95" height="52">glow</TD>
<TD width="835" height="52">
<H1 id="glow_text">设置发光效果</H1>
</TD>
</TR>
<TR>
<TD width="95" height="52">mask</TD>
<TD width="835" height="52">
<H1 id="mask_text" style="filter:mask(color=red);width=600">设置透明膜效果</H1>
</TD>
</TR>
<TR>
<TD width="95" height="52">shadow</TD>
<TD width="835" height="52">
<H1 style="filter:shadow(color=gray,direction=135);width=600">设置（立体式）阴影效果</H1>
</TD>
</TR>
</TABLE>
<SCRIPT language="javascript">
<!--
glow_text.style.width = 600;
glow_text.style.filter = "glow(color=red,strength=10)";
mask_text.filters.mask.color = "black";//修改已有滤镜效果的属性
-->
</SCRIPT>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -