Animated Arrow Button

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.

For official support, please visit the forums for GeneratePress or GenerateBlocks

If you're looking to have a website built with GeneratePress & GenerateBlocks, then visit my agency website.

Leave a Comment