Archived topic

Add the transition and transformation effect

3 replies · Started by Leonardo on September 17, 2022

Viewing posts 1–4 of 4

September 17, 2022 at 5:14 pm #2346165

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:

September 18, 2022 at 7:09 am #2346491

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);
}

September 18, 2022 at 8:09 am #2346672

Thanks, thanks, thanks!

September 18, 2022 at 8:11 am #2346678

You're welcome !

This archived topic is closed to new replies.