Tip: you can modify some code before running
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Design artistic words with CSS</title><body> <style type="text/css"><!--.title_1 { font-family: "Verdana"; font-size: 12px; color: #E1E4EC; width: 100%; filter: DropShadow(Color=#213C63, OffX=1, OffY=1)}.text { font-family: "Verdana"; font-size: 12px; line-height: 16px; color: #666699; text-decoration: none}.unnamed1 { filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1)}--></style> <table width="500" border="0" cellspacing="1" cellpadding="0" bgcolor="#8C96B5" align="center"> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text">If CSS filters are flexibly applied and combined, we can achieve many unexpected results. This is an example of the effect for your reference.</td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>Webpage effect Abc</i></b></font></td> </tr> </table> <br>The code is as follows:<br> <b>FILTER: blur (direction = 135, strength = 8)</b></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>Webpage effect Abc</i></b></font></td> </tr> </table> <br>The code is as follows:<br> <b>FILTER: dropshadow (color = # B4BBCF, offx = 6, offy = 6, positive = 1)</b></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>Webpage effect Abc</i></b></font></td> </tr> </table> <br>The code is as follows:<br> <b>FILTER: glow (color = # B4BBCF, strength = 5)</b></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>Webpage effect Abc</i></b></font></td> </tr> </table> <br>Two filters are used for this effect: shadow and alpha. The code is as follows:<br> <b>FILTER: alpha (opacity = 100, finishiopacity = 0, style = 1)<br>Shadow (color = #8C96B5, direcction = 135)</b> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>Webpage effect Abc</i></b></font></td> </tr> </table> <br>This effect also uses two filters, mask and shadow. The code is as follows:<br> <b>FILTER: mask (color = # E1E4EC)<br>Shadow (color = #8C96B5, direction = 135) chroma (color = # E1E4EC)</b><br> <br>Note: The mask color must be consistent with the webpage background color. The font color is determined by shadow.</td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td align="center"><font face="黑体" color=#E1E4EC size=6><b><i>Webpage effect Abc</i></b></font></td> </tr> </table> <br>You can use the glow filter to make hollow words. You can set the font color to the background color, and then set the strenght value of the glow filter to 1 or 2. The code for this effect is as follows:<br> <b>FILTER: glow (color = #8C96B5, strength = 2)<br>Shadow (color = # B4BBCF, directive = 135)</b> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0"> <tr> <td class="text"> <table height=150 cellspacing=0 cellpadding=0 width=480 align=center border=0> <tr> <td height=109 align="center" valign="middle"><font face="Verdana" color="#8C96B5" size="6"><i><b>WELCOME<br>Http://linkweb.cn/js</b></i></font></td> </tr> </table> </td> </tr> <tr> <td class="unnamed1"><font class="text">Code for this effect:<br> <b>FILTER: glow (strength = 4) mask (color = # E1E4EC)</b></font></td> </tr> </table> </td> </tr> </table> </body></html>
Tip: you can modify some code before running
