Is it posssible to easly add css animation to icon in button?
Hi foxtrotstudio!
Thank you for using our theme.
It depends on what kind of animation you are thinking about.
You can put your custom CSS Code in custom.css or Enfold->Styles->Quck CSS field.
If you need more help, send us a link to the page and what you want to have.
Best regards,
Günter
Thank You for answer.
Very simple stuff. I just want to animate on hoover an arrow that is part of button. For example when on hoover than arrow moves 20px.
Hi!
Have a look at the following articels:
http://css-tricks.com/different-transitions-for-hover-on-hover-off/
http://css-tricks.com/almanac/properties/t/transition/
They can help you.
More complex examples you find at:
http://www.pepe-juergens.de/2013/01/css3-transitions-hover-effekte/
Regards,
Günter
Thank you for the links. My question was more about how to address animation to arrow within button.
but thank you again for comprehensive links :)
Hi!
It would be easier if i had a link to the page, but in common you have classes or id’s assigned to the “button” and the image.
You can write something like this:
#button-id #image-id{
..... enter your CSS for normal state
}
#button-id:hover #image-id{
.... enter your CSS for hover state
}
Regards,
Günter
Thank You!