shadow for text

Written by @kerixa 21 August 2012

Using special styles for the texts and headers used in a website makes these texts more beautiful, such as the following code in which we have provided a text and a special style for it with, i.e. a beautiful shadow with a dark background. The text looks like it glows in a dark background. Interesting!

Code Snippet:

                                                
                                                <!-- this script is provided by www.htmlfreecode.com coded by: Kerixa Inc. -->
<!-- This Script is from www.htmlfreecode.com, Coded by: Krishna Eydat-->

<html>
<head>
<script type = "TEXT/JAVASCRIPT" LANGUAGE = "JAVASCRIPT">
	function doShadow(newDiretction){
		if (document.all && newDiretction < 360) {
			newDiretction += 10 
			document.all.dropText.style.filter="shadow(direction=" + 

newDiretction + ")"
			setTimeout("doShadow(" + newDiretction + ")" , 100)
			}
		}
</script>

<STYLE TYPE="TEXT/CSS">
	#dropText {width: 500px; height: 100px; font-size: 36px; filter: 

shadow(direction=90)}
</STYLE>
</head>
<body>
<DIV ID="dropText">
htmlfreecodes.com
</DIV>
<font face="Tahoma"><a target="_blank" href="http://www.htmlfreecode.com/"><span style="font-size: 8pt; text-decoration: none">HTML Free Code</span></a></font>
</body>
</html><a target='_blank' href='www.htmlfreecode.com' style='font-size: 8pt; text-decoration: none'>Html Free Codes</a>                                                
                                            

Example:


About @kerixa

I am Krishna Eydat. I studied Software Engineering at University of Waterloo in Canada. I lead a few tech companies. I am passionate about the way we are connected. I would like to be part of something big or be the big deal!

K

Comments


Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: Prashanthcs11, Designer Diva, Jirgensons E, vamsi, wapmohin
advertisement 2