-

04.03.2016

HTML

 <div class="hovergallery15"><img src="http://.jpg" alt="" width="230" height="200" /><img src="http://.gif" alt="" width="230" height="200" /></div>

CSS

.hovergallery15 img{ border: 2px solid #fff; 

border-radius: 1em; 

box-shadow: 2px 2px 6px #000000;

-webkit-transform:scale(0.9); 

-moz-transform:scale(0.9); 

-o-transform:scale(0.9);

-webkit-transition-duration: 0.2s; 

-moz-transition-duration: 0.2s;

-o-transition-duration: 0.2s; 

opacity: 0.8; 

margin:5px 1px 5px 1px; 

}

.hovergallery15 img:hover{

-webkit-box-shadow: 1px 2px 10px #000;

-moz-box-shadow: 1px 2px 10px #000;

box-shadow: 1px 2px 10px #000; 

border: 1px dotted #000;

border-radius: 30px;

opacity: 1;

transform: scale(1.1) rotate(-10deg);

}