Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Tutorial, CSS, HTML

 


Giro 2

<div class="imagerotate"><img style="width: 215px; height: 208px; margin-left: 3px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; box-shadow: 5px 5px 3px 1px;" title="Con amor. GloriaV" src="https://lh5.googleusercontent.com/-vfQHss3g3ww/U9TiqQuV-yI/AAAAAAAAtKQ/1D0M4ADFct0/w240-h320-no/13.gif" alt="" width="205" height="260" /> <img style="width: 215px; height: 208px; margin-left: 3px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; box-shadow: 5px 5px 3px 1px;" title="Con amor. GloriaV" src="http://file.mobilmusic.ru/d9/43/4e/1250804.gif" alt="" width="205" height="260" /></div>
.imagerotate img {-moz-border-radius:5px; 
-moz-transition: -moz-transform 1s ease 0s; 
background:#B292A9 !important; 
border: 1px solid #ffffff !important; 
border-radius: 5px 5px 5px 5px; 
height: 150px; margin: 5px; 
padding: 0px; 
position: relative; 
width: 220px; 



.imagerotate img:hover { 
background:#AD184E !important; 
-moz-transform:rotate(5deg); 
-o-transform:rotate(5deg); 
-webkit-transform:rotate(5deg); 
-ms-transform:rotate(15deg); 

div.sube_imagen img{ 
border: 2px solid #000; 
float: left; 
margin-left: 20px; 
-webkit-transition: margin 0.5s ease-out; 
-moz-transition: margin 0.5s ease-out; 
-o-transition: margin 0.5s ease-out; } 
div.sube_imagen img:hover { 
margin-top: 6px; }

 

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article