"FlipBox transition speed" (#954206) / ThemeNectar

Comments

2
Lukas started the conversation
November 14, 2016 at 1:23am
Hello,
How can I change the speed of the FlipBox transition? I have already tried to add a custom CSS rule "transition-duration: 4s;" to all elements of the column, but with no sucess, what I can do?
Thanks a lot!
(Sorry for the bad english)

3,079

Andrew replied

November 15, 2016 at 12:19am

Hi Lukas,

Thanks for contacting us regarding your query.

You may use the following Custom CSS Code to accomplish this request.

/*Changes the Transition Speed Of the Flipbox Element to 4s*/
.nectar-flip-box .flip-box-front, .nectar-flip-box .flip-box-back {
    background-size: cover;
    background-position: center;
    -ms-transition: transform 4s cubic-bezier(.4,.4,.4,1);
    transition: transform 4s cubic-bezier(.4,.4,.4,1);
    -webkit-transition: transform 4s cubic-bezier(.4,.4,.4,1);
}

Please let me know if there are any more questions that I may answer for you :)

Cheers!

1 Like

2
Lukas replied
November 15, 2016 at 4:59pm
Worked perfectly!
Thank you a lot!
1 Like