As name itself say what is about. It give shadow to text written in our web-page.
Code in your Page.
<!DOCTYPE html>
<html >
<head runat="server">
<title>Text Shadow</title>
<style type="text/css">
#text{
-moz-text-shadow: 1px 2px 2px #555; - For Mozilla Browser which doesn't support W3C
-webkit-text-shadow: 1px 2px 2px #555; - For Webkit Browser which doesn't support W3Ctext-shadow: 1px 2px 2px #555; -For all if they support CSS standards as per W3C
}
</style>
</head>
<body>
<div>
<p id="text">Hello</p>
</div>
</body>
</html>
Just run your .html/.aspx/.php web page in browser to see the effect .IE9+ supports text-shadow so don't do efforts for that.Overall others browsers support this functionality .
Live Example to see - http://www.apunkashaher.com
Here you can see Dark Shadow behind every character .
Change the values to see great effect & for fun .
Don't just copy & paste .
Be Creative :) .....
No comments:
Post a Comment