CSS image hover rotate

CSS image hover effects Circle ini, membuat efek seperti flash circle saat di sorot kursor,

ini contoh css & htmlnya.

<style type="text/css">
.hover06 img {
 -webkit-transform: rotate(15deg) scale(1.4);
 transform: rotate(15deg) scale(1.4);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
.hover06:hover img {
 -webkit-transform: rotate(0) scale(1);
 transform: rotate(0) scale(1);
}
</style>

<div class="hover06 img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8DqKHBQXJJX2FiORFnyXJFktm0QkDTTQggoxHphmIDnXMxha5SMxQNqJYQ9nioF__B2UOWeMGix89c0yU36RTCB_HjFdK2ktAn-CEeMECh4FwpUS20Gi4m4bGNzke7RXhRv46qMwes7WR/s320/beach.jpg" />
</div>

DEMO:

Selamat mencoba.