text-shadow: 3px 3px 5px red; : text shadow « CSS « HTML / CSS






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

text-shadow: 3px 3px 5px red;

   
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
h1 {font-family:arial;}

h1.blurredColor { text-shadow: 3px 3px 5px red;}
</style>
</head>

<body>
<h1 class="blurredColor">Blurred colored text 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: #999999 10px 10px 3px;
6.Set text-shadow to 'yellow .15em .15em .15em'
7.text-shadow: 0.3em 0.3em 0.5em black