HTML/CSS/CSS Attributes and Javascript Style Properties/text shadow

Материал из Web эксперт
Перейти к: навигация, поиск

text-shadow: 0.2em 0.2em

 
<?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 rel="stylesheet" type="text/css">
h1 {
  font-family: arial;
}
h1.basic {
  text-shadow: 0.2em 0.2em;
}

</style>
</head>
<body>
<h1 class="basic">Simple text shadow</h1>
</body>
</html>



text-shadow: 3px 3px 5px red

 
<!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 rel="stylesheet" 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>



text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px

 
<?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 rel="stylesheet" type="text/css">
h1 {
  font-family: arial;
}
h1.ruplex {
  text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px
}

</style>
</head>
<body>
<h1 class="complex">Complex text shadow</h1>
</body>
</html>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/text_shadow&oldid=4753»