Aggiungiamo una ombreggiatura soft shadow ai nostri Div in CSS3

Oggi vedremo come aggiungere in modo facile e veloce come aggiungere una soft shadow (ombreggiatura) ai nostri div (come ad esempio la pagina).

Questa tecnica permette di ottenere un effetto molto gradevole e di notevole impatto;

N.b Internet Explorer 8 non supporta i CSS3 se non usando degli stratagemmi (che vedremo prossimamente) e pertanto questa tecnica non verra’ visualizzata. Per vedere i risultati usate Firefox o qulsiasi altro browser aggiornato.

Ecco il codice Html per creare la shadow:

<body>

<div id="page">

contenuto della pagina

</div>
</body>

In ambito css invece:

-moz-box-shadow: 5px 5px 50px #000000;
-webkit-box-shadow: 5px 5px 50px #000000;

Il Tag “moz” richiama il motore css3 di Firefox mentre “webkit” richiama il motore css3 di Safari. Per tutti gli altri browser e’ necessaria un hack per rendere visibile le soft shadow (che vedremo a breve).

Potete vedere una demo su una mia vecchia prova:  (vedete l’ombreggiatura della pagina bianca?;  se non la vedete e’ perche’ state usando IE)  http://www.agenziamanfrino.it/prova4/

A presto con TargetWeb.it!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Up Next:

Scarichiamo fantastici sfondi da Social Wallpapering

Scarichiamo fantastici sfondi da Social Wallpapering