CSS rotate for Avatar JCMS 700

.avatar img {
    transition: all 15s ease;
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease; 
    transition-delay: 5s;
   -webkit-transition-delay: 5s;
   -moz-transition-delay: 5s;
   background-color: #FFFFFF; 
   max-width:143px; 
   border-radius:5px; 
   margin:1px 3px 3px 1px; 
   padding:3px; 
   border:1px solid #d4d4d4; 
   box-shadow: 3px 3px 3px # 8A8A8A;
   transform:rotate(-20deg);
   -moz-transform:rotate(-20deg); 
   -webkit-transform:rotate(-20deg) ;
} 

.avatar img:hover { 
   transition: all 3s ease; 
   -webkit-transition: all 3s ease; 
   -moz-transition: all 3s ease;
   transform:rotate(360deg); 
   -moz-transform:rotate(360deg);
   -webkit-transform:rotate(360deg);
   position:relative;
}

<span class="avatar"></span>

# Koenig (21.03.2017 / 17:31)
Gabriel, screenshot?

# Simba (21.03.2017 / 17:35)
Это сложно отскринить.
Аватар при наведении будет переворачиваться.