…

…

…

…

…

…

…

…

Nel tutorial di oggi vi mostreremo come trasformare una semplice immagine in 3D applicando un effetto prospettiva con le trasformazioni dei CSS3.

HTML:

 
<div class="test">
<img src=tuaimmagine.jpg style="width:300px"/>
</div>
 

CSS:

 
.test { perspective: 700px; border: 1px solid red; }
.test img { transform: rotateY(12deg); float: left; outline: 1px solid transparent; }
 …

In questo tutorial, dedicato ai meno esperti, vi mostreremo come centrare un div con i CSS.

 
#tuo-div {
     width: 960px;
     margin: 0 auto;
}
 

Come potete vedere, con queste poche righe di codice, abbiamo detto ai CSS di dare una larghezza di 960px al nostro div e di calcolare automaticamente i margini.…

…