text-shadow: #999999 10px 10px 3px; : text shadow « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. text shadow

text-shadow: #999999 10px 10px 3px;

  
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
<style type='text/css'>
/* Style sheet for ch07_eg12.html */

body {
   color:#000000;
   background-color:#ffffff;
   font-family:arial, verdana, sans-serif; 
   font-size:12px;}

.shadow {text-shadow: #999999 10px 10px 3px;}
</style>

</head>

<body>
<h1>drop-shadow</h1>

<h1 class="shadow">This heading should have a drop shadow</h1>

</body>
</html>








Related examples in the same category

1.text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px
2.text-shadow: 3px 3px 5px red
3.text-shadow: 0.2em 0.2em
4.text-shadow: 0.2em 0.2em;
5.text-shadow: 3px 3px 5px red;
6.Set text-shadow to 'yellow .15em .15em .15em'
7.text-shadow: 0.3em 0.3em 0.5em black