CSS滤镜实现发光字体

  • 用CSS滤镜实现文字的发光效果,每一几秒钟文字外围就会出现光晕,荧光一样的效果,其实这是使用CSS滤镜的filter: glow实现的,非常简单的方法,用它还可以定义出很多不同的光照效果。

点击(此处)折叠或打开

  1. <html>
  2. <head>
  3. <title>石家庄花卉</title>
  4. <meta http-equiv=\"content-Type\" content=\"text/html;charset=gb2312\">
  5. </head>
  6. <body bgcolor=\"#000000\">
  7. <p id=\"me1\" style=\"position: absolute; left: 155; top: -1; width: 668; height: 405; filter: glow(color=#ffff00, strength=00)\" align=\"center\"><font size=\"7\" color=\"#FFFF00\"><strong><b>CSS滤镜发光字</b></strong></font></p>
  8. <script language=\"vbscript\">
  9. dim i
  10. dim j
  11. i=0
  12. j=0
  13. sub window_onload()
  14. me1.filters.glow.strength=i
  15. me1.filters.glow.color=j
  16. i=i+1
  17. j=j+500
  18. if i>250 then i=0
  19. if j>26777215 then j=0
  20. window.settimeout \"window_onload()\",100
  21. end sub
  22. </script>
  23. </body>
  24. </html>


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/29737856/viewspace-1249726/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/29737856/viewspace-1249726/

你可能感兴趣的:(CSS滤镜实现发光字体)