[Resolved] Add the transition and transformation effect

[Leonardo]

I would like to add the transition and transformation effect to the contact form buttons and the newsletter button at the bottom of the website.

I did this on the others, but on these I couldn’t via code…

The effect is only caused when hovering…

The 2 buttons I want the effect are these:

https://germinlab.com.br/wp-content/uploads/2022/09/Sem-titulo-1.png

[David]

Hi there,

try adding this CSS:

.wpforms-submit {
    transform: translate3d(0,0,0);
    transition: all 0.5s ease;
}
.wpforms-submit:hover {
    transform: translate3d(7px,0,0);
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Leonardo]

Thanks, thanks, thanks!

[David]

You’re welcome !

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts