-

18.02.2015

Efecto "Focus pic"

HTML<div class="focus pic"><img style="border: 0px solid #0033c7; -webkit-border-radius: 160%/20%; -moz-border-radius: 160%/20%; border-radius: 160%/20%; ; -webkit-box-shadow: #ccc 3px 3px 9px; -moz-box-shadow: #ccc 3px 3px 9px; box-shadow: #000 3px 3px 9px;" src="http://file.mobilmusic.ru/84/1c/6c/1042850.gif" alt="" width="190" height="250" /></div>

CSS/*FOCUS*/
 .focus {
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 -ms-transition: all 1s ease;
 transition: all 1s ease;
 }
 
 .focus:hover {
 border: 10px solid #fff;
 border-radius: 160%/20%;
 width: 200px;
 height: 240px;
 }