Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

Rotating Avatars

Discussion in 'XenForo Tips & Guides' started by Pappa G, Jan 7, 2017.

  1. Pappa G

    Pappa GRegistered
    Registered

    Joined:
    Jan 5, 2017
    Messages:
    13
    Likes Received:
    0
    Rotating Avatars
    This is an easy add to make your avatars rotate when you hover over them.
    Just go to EXTRA.css and add the following

    /* avatars rotating effect */
    .avatar:hover, .avatar img:hover, .img.s:hover{
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    }
    /* end of avatars rotating effect */

    I haven't seen this anywhere on the forum hopefully I am not repeating, I like the effect hopefully someone else does :)
     
  2. WiCKeDx97

    WiCKeDx97Registered
    Registered

    Joined:
    Jan 17, 2017
    Messages:
    33
    Likes Received:
    20
    Sorry im new to exon software. Is this just a code edit or add on
     
  3. Caldexi

    CaldexiAdministrator
    Team Member Administrator Moderator +Lifetime VIP+ Contributor ViP True Member +Member+ Suppliers Registered

    Joined:
    May 22, 2015
    Messages:
    469
    Likes Received:
    1,563
    Hey @WiCKeDx97.

    You would insert the above code into ACP > Appearance > Templates > {ensure to select your default style} > EXTRA.css.
     
    • Like Like x 1

    Share This Page

    • About Us

      Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.
    • Like us on Facebook

    • Buy us a beer!

      The management works very hard to make sure the community is running the best software, best designs, and all the other bells and whistles. Care to buy us a beer? We'd really appreciate it!

      Donate to us!