
Give your button the class of button-animated-icon
and use the following CSS:
.button-animated-icon .gb-icon {
transition: all 0.2s ease-out;
}
.button-animated-icon:hover .gb-icon {
padding-left: .8em;
}
Tweaks for GeneratePress & GenerateBlocks
Create a simple animation with a icon button.
Give your button the class of button-animated-icon
and use the following CSS:
.button-animated-icon .gb-icon {
transition: all 0.2s ease-out;
}
.button-animated-icon:hover .gb-icon {
padding-left: .8em;
}
Kyle Van Deusen
Co-founder of The Admin Bar Community, owner of OGAL Web Design, and a GeneratePress & GenerateBlocks enthusiast.