<div class="pic"> <img src="http://www.muratoner.net/images/test.jpg" width="200px" height="200px" /> </div>
.pic{ float:left; height: 200px; width: 200px; margin: 20px; overflow: hidden; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); } .pic>img{ height:200px; width:200px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; } .pic>img:hover{ border-radius:0; -moz-transform: scale(1.2) rotate(-711deg) ; -webkit-transform: scale(1.2) rotate(-711deg) ; -o-transform: scale(1.2) rotate(-711deg) ; -ms-transform: scale(1.2) rotate(-711deg) ; transform: scale(1.2) rotate(-711deg) ; }