Change the animation of the social media icon on hover

  • Resolved stefkilkenny

    (@stefkilkenny)


    1 month, 3 weeks ago

    Hi everybody,
    When I hover over my social media icons, they rotate quite quickly.
    I’d like to either cancel this animation, slow down the rotation or replace it with another.
    I’ve tried to find the data to change on the chrome browser inspector but I’m not getting anywhere. I found some “transition” commands but deactivating them didn’t have any impact on the way the icons worked.
    Could someone give me a little help?
    Thank you very much
    Best Regards
    Stéphane

Viewing 1 replies (of 1 total)
  • Thread Starter stefkilkenny

    (@stefkilkenny)

    Hi everybody,
    The efficient help provided by @imranwealcoder enabled me to solve my problem. This is how I modified my CSS code in the Custom CSS tab (CMP Basic Setup) :
    – To remove the rotation completely: .social-icon { transform: none !important; }
    – To slow down the rotation: .social-icon { transition: transform 100ms ease-in-out !important; }
    – To adjust the degree of rotation and enlarge: .social-icon:hover { transform: rotate(-20deg) scale(1.3); }
    Thank you very much
    Stéphane

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.