• Par GloriaV dans Imagen efectos le 13 Juillet 2015 à 17:56
     

     

    HTML

    <div class="rotarX"><img style="border: 1px dotted #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: #6d3112 3px 3px 9px; -moz-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px;" src="https://lh4.googleusercontent.com/-qia8xJhA0mI/VOX-90fIdvI/AAAAAAABcyM/N6W08v_Qc4w/w182-h300-no/1-182x300.gif" alt="" width="165" height="200" /></div>

    CSS

    <style type="text/css"><!--  
    .rotarX{
    transform:rotateX(0deg);
    transition-duration: 2s;
    -webkit-transform:rotateX(0deg);
    -webkit-transition-duration: 2s;
    }
    .rotarX:hover{
    transform:rotateX(170deg);
    transition-duration: 2s;
    -webkit-transform:rotateX(170deg);
    -webkit-transition-duration: 2s;
    }
    --></style> 




  • Commentaires

    Aucun commentaire pour le moment



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :