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.
pixolo ads
| Articolo pubblicato 6 anni fa nella categoria 
