martedì, dicembre 16, 2008

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>

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).

Nessun commento:

Posta un commento