Articoli piu Letti

Articoli piu Votati

 

CSS - Effetto ombra senza immagini

data 26, Settembre, 2007 utente Walter Soccetti  view Visto 3,165 Volte
1 Star2 Stars3 Stars4 Stars5 Stars

Una semplice guida su come implementare ombre su immagini, testo e textbox usando la proprietà filter: shadow(); con i CSS senza l’uso di immagini che vanno ad “appesantire” la pagine condizionando il tempo di caricamento.
Questo metodo è supportato solo da INTERNET EXPLORER di Microsoft.
Nel primo esempio viene visualizzato un textbox con ombra in basso a sinistra, semplicemente attribuendo le proprietà color, strenght e direction in questo modo

filter: shadow(color:#CCCCCC, strenght:2, direction:220);

Possiamo giocare con le proprietà css a nostro piacimento, secondo le esigenze di design del vostro sitoweb.
Nel secondo esempio abbiamo del semplice testo con un ombra applicata nella parte bassa semplicemente cosi

filter: shadow(color:#CCCCCC, strenght:10, direction:180);

Nel terzo esempio viene inserita un’ombra in basso a destra di un’immagine, in questo modo

filter: shadow(color:#CCCCCC, strenght:10, direction:135);

Queste icone linkano i siti di social bookmarking sui quali i lettori possono condividere e trovare nuove pagine web.
  • Facebook
  • Digg
  • del.icio.us
  • Reddit
  • Technorati
  • YahooMyWeb
  • Blogosphere News
  • DZone
  • TwitThis
  • Wikio
  • Upnews
  • Google Bookmarks
  • LinkedIn
  • Live-MSN

Inserisci il tuo commento

INFO : Puoi usare i seguenti tag XHTML nel commento : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Anti-Spam Image