Когда пользователь наводит на изображение, последнее начинает вращаться. Пока изображение вращается, блок див трансформируется в круг. В результате выходит супер эффект.

                        
/* вставить в любое удобное для вас место для вывода картинки*/

<div class="morph pic">

  <img src="http://lorempixel.com/300/300/nature/5" alt="beach">

</div> 

/* END */

/* Вставить в ваш файл дизайна сайта style.css*/ 

/*MORPH*/

.morph {

  -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

       -o-transition: all 0.5s ease;

      -ms-transition: all 0.5s ease;

          transition: all 0.5s ease;

}

 

.morph:hover {

  border-radius: 50%;

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

       -o-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

}

/*END*/