kluster Dio maturo
Registrato: 15/04/06 12:14 Messaggi: 2898
|
Inviato: 05 Dic 2006 21:18 Oggetto: * Gradiente crossbrowser senza uso di immagini |
|
|
Posto qui il link ad un ottimo script, di SlayerOffice.com, che permette di applicare un gradiente a qualsiasi elemento senza l'utilizzo di immagini:
cross-browser gradient backgrounds without images
l'implementazione è semplicissima:
Includete lo script nell'HEAD
Codice: |
<script type="text/javascript" src="PERCORSO_A/gradient.js"> </script>
|
e poi vi basta richiamarlo direttamente dall'attributo class dell'elemento che intendete sfumare:
Codice: |
<p class="gradient ffffff 000000 vertical">hello world!</p>
|
dove la sintassi è
<[elemento] class="gradient [1°_COLORE] [2° COLORE] [vertical/horizontal]> bla bla bla </[elemento]>
dove se non fosse chiaro vertical è una sfumatura verticale e horizontal invece è orizzontale
testato con successo (dall'autore) su:
MSIE6, Firefox 1.0.7 +, Safari 2.0.1, Opera 7.5 & 8.5 |
|