Animate arrow in standard button on hover

[Cortese]

I can see how to create a rollover effect in a button, but how do I animate the arrow inside the button to move slightly and then return on/off hover?

[jumar]

Hello @Cortese,

Thanks for writing in!

It would be easier if I had a link to the page so I can give you exact classes or id’s assigned to the button and the icon. However, it will be something like the following:

HTML code:
<a href="#" class="icon-forward">Icon Forward<i class="fa arrow-icon"></i></a>

CSS code:

.icon-forward .arrow-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

Can you share to us your Wordpress URL/User/Pass in a secure note?

Thank you.