»
EnglishFrenchVietnamese

Print - Shadow Text effect - JavaScriptBank.com

Full version: jsB@nk » Text » Fade-Glow » Shadow Text effect
URL: https://www.javascriptbank.com/shadow-text-effect.html

Shadow Text effect © JavaScriptBank.comThis JavaScript use filters to create "animation shadow" effect.

Full version: jsB@nk » Text » Fade-Glow » Shadow Text effect
URL: https://www.javascriptbank.com/shadow-text-effect.html



CSS
<style type="text/css"><!--#dropText {width:500px; height:100px; font-size:36px; filter:shadow(direction=90); color: red;}--></style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script language="Javascript" type="text/javascript"><!-- Hide script from older browsersfunction doShadow(newDirection) {    if (document.all && newDirection < 360) {newDirection += 10    document.all.dropText.style.filter="shadow(direction=" + newDirection + ")"    setTimeout("doShadow(" + newDirection + ")", 100)    }}// End hiding script --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onload="doShadow(90)"><div id="dropText">Me and my shadow...</div></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->