hover zoom

/only css/ on hover zoom img

by John Doe

HTML

<div class="kaka">
<div class="circletransform">
<img alt="föld" src="http://digitalbloggers.com/mystico/files/2013/03/hypnotic.jpg">
</div>
<img class="smectacircle" alt="smecta circle" src="http://www.clipartsfree.net/vector/small/rope_border_circle_Clipart_Free.png">
    </div>

CSS

.circletransform{
    border-radius: 180px;
    height: 265px;
    overflow: hidden;
    width: 265px;
}
.smectacircle {
    margin: -274px 0 0;
    position: absolute;
}
.circletransform img{
    transition: all 1s ease-in-out;
}
.kaka{
    height: 265px;
    width: 265px;
}
.kaka:hover .circletransform img{
    transform:scale(1.3,1.3);
}