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
Animal Comix
2111 | Articolo pubblicato 4 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.
2
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×