aakashyadav Publish time 2015-06-14 15:34

Avatar turning effect

hello friends ~~

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

.avt img {
      opacity:0.8;
      border:1px solid #ccc;
      border-radius:5px 5px 5px 5px;
      box-shadow:3px 3px 3px #8A8A8A;
}
.avt img:hover{
      opacity:1;
      transition: transform 2s;
      -moz-transition: -moz-transform 2s;
      -webkit-transition: -webkit-transform 2s;
      -o-transition: -o-transform 2s;
      transform: rotate(360deg);
      -ms-transform: rotate(360deg); /* IE 9 */
      -webkit-transform: rotate(360deg); /* Safari and Chrome */
      -o-transform: rotate(360deg); /* Opera */
      -moz-transform: rotate(360deg);
}

vot Publish time 2015-06-14 17:49

You MUST EXPLAIN what the NICE effect we will get.

aakashyadav Publish time 2015-06-15 09:16

static/image/common/user_online.gif vot static/image/common/clock.gif 2015-6-14 17:49
You MUST EXPLAIN what the NICE effect we will get.

added vot bro:)

vot Publish time 2015-06-15 21:26

Ok, I have slightly fixed the post.
Pages: [1]
View full version: Avatar turning effect