s09_23b.htm

来自「老师课件」· HTM 代码 · 共 61 行

HTM

61 行

<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 + =

减小字号Ctrl + -

显示快捷键?

s09_23b.htm

s09_23b.htm - 源码说明

⌨️ 快捷键说明