Fantastici stili CSS3 da applicare alle immagini

 

Quando si applicano le proprietà CSS3 di inset box-shadow o di border-radius direttamente all’elemento immagine, il browser non riproduce lo stile CSS in modo perfetto. Tuttavia, se l’immagine viene impostata come background-image (immagine di sfondo), è possibile aggiungere qualsiasi stile e far si che esso sia interpretato correttamente dai browser. Nel tutorial che proponiamo viene mostrato innanzitutto come utilizzare jQuery per impostare le immagini come “background-image” dinamicamente ed in modo automatico e, dopodichè, come utilizzare CSS per rendere perfette le immagini utilizzando le proprietà box-shadow, border-radius e di transizione creando oltretutto dei bellissimi effetti.

Demo Vai al tutorial

pixolo ads
Cambia Copertina
2685 | Articolo pubblicato 6 anni fa nella categoria Css - Html, In evidenza.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.