CSS3 è un nuovo tipo di linguaggio di stile per dividere le caratteristiche delle precedenti specifiche CSS in documenti separati chiamati "moduli". Questi moduli migliorare e aggiungere nuove funzionalità alla specifica precedente. Un tale miglioramento è nella zona dei bordi degli oggetti. Con CSS3, è ora possibile aggiungere ombre agli oggetti e contenitori, specificando i valori per il colore, le dimensioni, sfocatura e l'offset delle ombre. Quando si assegna il colore dell'ombra, è possibile utilizzare valori RGB o esadecimale.

istruzione

1 Aprire la pagina web con l'elemento a cui si desidera aggiungere un effetto ombra al vostro editor di testo preferito.

2 Inserire il seguente codice nel tag dell'elemento a cui si desidera aggiungere un effetto ombra:

style = "- Moz-box-shadow: 5px 5px rgb (0,0,0); -webkit-box-shadow: 5px 5px rgb (0,0,0); box-shadow: 5px 5px rgb (0,0 , 0); "

3 Aggiungere i valori di rosso, verde e blu, rispettivamente per ciascuno dei tre casi di 0,0,0, e la profondità desiderata della tua ombra per ogni istanza di 5px.

4 Salvare e pubblicare la pagina web. Il vostro elemento avrà ora un'ombra che si estende al di sotto di esso e alla sua destra nel colore RGB specificato.