найдено в каком-то из шаблонов в инете. интересно смотрится на всяких товарах или иконках окруженных белым фномо
<style>
div.vmobrazek img {
moz-transform: scale(1,1);
moz-transition-duration: 300ms;
moz-transition-timing-function: ease-out;
transform: scale(1,1);
transition-duration: 300ms;
transition-timing-function: ease-out;
webkit-transform: scale(1,1);
webkit-transition-duration: 300ms;
webkit-transition-timing-function: ease-out;
}
div.vmobrazek img:hover {
xmoz-transform: scale(1.05,1.07);
moz-transition-duration: 300ms;
moz-transition-timing-function: ease-out;
xtransform: scale(1.05,1.07);
transition-duration: 300ms;
transition-timing-function: ease-out;
xwebkit-transform: scale(1.05,1.07);
webkit-transition-duration: 300ms;
webkit-transition-timing-function: ease-out;
}
.vmobrazek, .obrazek {
position: relative;
text-align: center;
}
.vmobrazek img:after, .shine a:after {
background-color: rgba(255,255,255,0.8);
content: "";
height: 100%;
left: 0px;
moz-transition: none;
ms-transition: none;
o-transition: none;
position: absolute;
top: 0px;
transition: none;
webkit-transition: none;
width: 0%;
}
.vmobrazek img:hover:after, .shine a:hover:after {
background-color: rgba(255,255,255,0);
moz-transition: all 0.6s ease-out;
ms-transition: all 0.6s ease-out;
o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
webkit-transition: all 0.6s ease-out;
width: 120%;
}
div.vmobrazek {
overflow: hidden;
}
div.vmobrazek a {
display: block;
position: relative;
}
</style>
<div class="obrazek shine vmobrazek">
<a href="#">
<img border="0" width="150" src="http://upload.wikimedia.org/wikipedia/commons/7/7e/Cute-Ball-Favorites-icon.png">
</a>
</div>
