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 1  Fuente


1ª opción

<div class="morphaizum pic"><img style="border: 0px solid #0033c7; -webkit-border-radius: 5%/10%; -moz-border-radius: 5%/10%; border-radius: 5%/10%; -webkit-box-shadow: #000 3px 3px 9px; -moz-box-shadow: #000 3px 3px 9px; box-shadow: #000 3px 3px 9px;" src="http://virtuellife.v.i.pic.centerblog.net/0a1f3400.gif" alt="" width="235" height="199" /></div>
/*MORPH*/ .morphaizum { 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.morphaizum:hover {
-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);
transform: rotate(360deg);}

2ª opción   Demo

<table><tbody><tr><td><div class="morphaizum pic"><img src="https://ekladata.com/aYrkmDLrZIt4qOczZlPkKs08jqA@230x220.gif" alt="" width="230" height="220" /></div></td><td><div class="morphaizum pic"><img src="http://stat18.privet.ru/lr/0a13684e7bf1781b216364f17e6d16d8" alt="" width="230" height="220" /></div></td></tr></tbody></table>
/*MORPH*/ .morphaizum {margin: 20px 10px 15px 20px; border: 1px dotted #84909A; border-radius:4px;box-shadow: 2px 2px 10px #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.morphaizum:hover {
-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);
transform: rotate(360deg);}

 

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