HTML/CSS/CSS Attributes and Javascript Style Properties/text shadow
Содержание
text-shadow: 0.2em 0.2em
<source lang="html4strict">
<?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>
Simple text shadow
</body> </html>
</source>
text-shadow: 3px 3px 5px red
<source lang="html4strict">
<!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>
Blurred colored text shadow
</body> </html>
</source>
text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px
<source lang="html4strict">
<?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>
Complex text shadow
</body> </html>
</source>