Blog

Backgrounds and Text Shadow Property of CSS3

Posted by Mahak Gupta in Blogs | ASP, JavaScript, CSS on Sep 14, 2011

CSS3 allows us to use the multiple background and text-shadow property applies shadow to text.

Backgrounds Property

CSS3 allows us to use the multiple background facility. Here is the example:

background-image:url(img_pic1.gif),url(img_pic2.gif);

<html>
<head>
<style type="text/css">
body
{
background-image:url(img_one.gif),url(img_two.gif);
}
</style>
</head>
<body>
</body>
</html>

Text Shadow Property

The text-shadow property applies shadow to text.Here we specify the horizontal shadow (5px), the vertical shadow (5px), the blur distance (6px), and the color of the shadow:

<html>
<head>
  <style type="text/css">
   h1
{
  text-shadow: 5px 5px 6px #800080;
}
   </style>
</head>
<body>
  <h1>
Mahak Gupta</h1>
</body>
</html>

Related Blogs

post comment

Sponsored by

6 Months Free & No Setup Fees ASP.NET Hosting!

Become a Sponsor

More Blogs from this Blogger

Number of ways to develop WCF Services Simple example of TextBox control in WPF border-image property in CSS3 parseInt function in javascript Change the content of the element using load method in jquery after mehod in jquery prepend method in jquery SELECT INTO Statement in SQL replace method in JavaScript wbr tag in HTML5

View All

Latest Blogs

WebPart Collector or WebPart Finder Free Ride is Over for Desktop Developers in Visual Studio 11 DotNet developers most used application/tools launching through 'Run' 80-inch Windows 8 Tablet Data encapsulation Option to access the Column Names in Data table Open multiple windows in browser startup. (Multiple homepages option) I'm Sorry const and readonly Address, Binding and Contract in WCF

View All