JavaScript

Backgrounds and Text Shadow Property of CSS3

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>
Ebook Download
View all
Learn
View all
Get Started

You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.

Become a sharper developer and jumpstart your career.

Basic

$0

$

. 00

monthly

For Basic members:

  • Standard Profile
  • Access learning courses
  • Access free e-books
  • 1x point
Premium

$20

$

. 00

monthly

For Premium members:

  • Earn 2x reward points
  • Premium profile with Verified check
  • Premium Avatar with status update
  • Learning courses
  • Unlimited Certifications and badges on profile
  • Unlimited Book downloads
  • Access to Premium content
  • Online Training
  • Unlimited PDF conversions and downloads
  • Professional Resume Writing
  • Interview Preparations Guide
  • 25 messages per month
  • 1 "Kodzu" avatar, basic
Elite

$45

$

. 00

monthly

For Elite members:

  • Bundle E-books
  • Access to all Learn Series
  • Unlimited Apply Jobs