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.

• <<
• 1
• 2
• >>