Avatar turning effect

aakashyadav

hello friends ~~

To make a nice avatar efect (the avatar start rotating  to 360 graduses when you move your cursor over the avatar) just add the code to te bottom of template/default/common/common.css

1. .avt img {
   
2.         opacity:0.8;
   
3.         border:1px solid #ccc;
   
4.         border-radius:5px 5px 5px 5px;
   
5.         box-shadow:3px 3px 3px #8A8A8A;
   
6. }
   
7. .avt img:hover{
   
8.         opacity:1;
   
9.         transition: transform 2s;
   
10.         -moz-transition: -moz-transform 2s;
    
11.         -webkit-transition: -webkit-transform 2s;
    
12.         -o-transition: -o-transform 2s;
    
13.         transform: rotate(360deg);
    
14.         -ms-transform: rotate(360deg); /* IE 9 */
    
15.         -webkit-transform: rotate(360deg); /* Safari and Chrome */
    
16.         -o-transform: rotate(360deg); /* Opera */
    
17.         -moz-transform: rotate(360deg);
    
18. }

Copy the Code

vot

You MUST EXPLAIN what the NICE effect we will get.

aakashyadav

vot 2015-6-14 17:49
You MUST EXPLAIN what the NICE effect we will get.

added vot bro

vot

Ok, I have slightly fixed the post.