Backgrounds and Text Shadow Property of CSS3

Mahak Gupta
Sep 14, 2011
3.1k
0
0
Blog

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>