Aggiungere ombra al testo con CSS
Ho scoperto da poco questa proprietà CSS: w3c.org - CSS2: text-shadow
Esempio:
Do you see the shadow?
Codice copia&incolla:
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
<!--
div#ombra {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 32px;
text-shadow: 3px 3px 8px #708090;
}
-->
</style>
</head>
<body>
<div id="ombra">Do you see the shadow?</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
<!--
div#ombra {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 32px;
text-shadow: 3px 3px 8px #708090;
}
-->
</style>
</head>
<body>
<div id="ombra">Do you see the shadow?</div>
</body>
</html>
Questa proprietà NON è supportata da:
IE6 e superiori e da Firefox fino a 3.0 (testato).
E' invece supportata da:
Firefox 3.1, Opera 9.62 (testato).
Probabilmente è anche supportata da Safari 2 e superiori (non testato).
Post
0 comments:
Posta un commento