Articoli CSS: Effetti con i CSS
Simulare le mappe di immagine con i CSS
Utilizzo dei CSS e degli elenchi puntati per simulare le mappe di immagine HTML tradizionali
Effetto zoom su immagine con i CSS
Partiamo da una thumbinail e, passando col mouse su un'immagine, vediamola nelle sue dimensioni reali, creando una sorta di effetto zoom con i CSS.
Box con effetto ombra realizzato con i CSS
Usiamo solo i fogli di stile CSS per applicare un gradevole effetto ombra ai nostri box testuali.
Creare un ToolTip utilizzando solo i CSS
I tooltip aiutano la navigazione dell'utente, ma in genere si usano complessi script: noi usiamo solo i fogli di stile CSS!
Creare box con angoli arrotondati
Applichiamo un'immagine di sfondo con bordo, ombra ed angoli arrotondati ai nostri box, attraverso i fogli di stile CSS.
Un box trasparente con i CSS
Usiamo i filtri di trasparenza per rendere trasparente un box sovrapposto ad un altro, grazie ai CSS.
Effetto filtro su testo con i CSS
Applicare i filtri di trasparenza sul testo con i CSS, ottenendo diversi effetti suggestivi solo attraverso i fogli di stile.
Angoli smussati... senza usare immagini!
Soluzione grafico-stilistica per simulare gli angoli arrotondati, o smussati, per un box HTML, solo con i fogli di stile CSS.
Rollover su immagini senza Javascript
La versatilità dei CSS ruba il lavoro al Javascript: vediamo come creare un effetto rollover su immagini senza usare uno script.
Agire sull‘aspetto del cursore del mouse
Usiamo le icone predefinite dei browser per cambiare l'aspetto del puntatore del mouse con i fogli di stile CSS.
