Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 1, 2015 at 1:13 pm #404060
    tvl76

    Hi guys
    When hovering over an image the icon transition has some rotation. How can I change this to not rotate but keep the slight zoom in effect for the icon?
    Thx
    Tim

    March 2, 2015 at 3:44 pm #404486
    Yigit

    Hi tvl76!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    a:hover .image-overlay .image-overlay-inside {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}

    Cheers!
    Yigit

    March 2, 2015 at 4:23 pm #404513
    tvl76

    Hi Yigit
    I want to Keep the zoom-part of the Animation but get rid of the Rotation. How can I do that?
    Thx
    Tim

    March 4, 2015 at 7:25 am #405581
    Ismael

    Hi!

    Actually, there is no zoom animation. It looks like it’s growing because of the opacity transition. Yigit’s code should remove the rotation.

    Cheers!
    Ismael

    March 4, 2015 at 9:38 am #405639
    tvl76

    Hi Ismael,
    Ok. And yes – Yigit’s code removed the rotation perfectly fine.
    If I want to alter the transisition – where can I find the source of the ease-in-out function which is used and how would I apply a filter to it?
    Thx & Cheers!
    Tim

    March 5, 2015 at 3:41 am #406192
    Ismael

    Hey!

    Actually, I’m wrong. There is a scale property. You can find it on css > layout.css file:

    @-webkit-keyframes avia_pop_small {
  0%   { -webkit-transform:rotate(-175deg) scale(0.2);  }
  100% { -webkit-transform:rotate(0deg) scale(1);  }
}
@-moz-keyframes avia_pop_small {
  0%   { -moz-transform:rotate(-175deg) scale(0.2);  }
  100% { -moz-transform:rotate(0deg) scale(1);   }
}
@keyframes avia_pop_small {
  0%   { transform:rotate(-175deg) scale(0.2);  }
  100% { transform:rotate(0deg) scale(1);   }
}

    Best regards,
    Ismael

    March 5, 2015 at 8:28 pm #406659
    tvl76

    Perfect! Exactly what I was looking for.
    Good work – Big THX!!!

    March 6, 2015 at 7:41 am #406839
    Rikard

    Hey!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.