How To Remove The Rubber Effect - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Remove The Rubber Effect

T

Tomasz Michałowski

SP Page Builder 2 years ago

How to remove the rubber effect Animation > Bounce So that it works as in the version 3x Now this effect looks tragic ;-(

0
13 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #104128

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?

-Regards.

0
T
Tomasz Michałowski
Accepted Answer
2 years ago #104148

spring effect, rubber - in version 3.x it worked normally - how to restore the old effect so that there is no rubber?!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #104324

Could you please give me your site URL so that I can check?

0
T
Tomasz Michałowski
Accepted Answer
2 years ago #104345

bellaanimalfood.pl

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #104514

Give me your super admin access please.

0
T
Tomasz Michałowski
Accepted Answer
2 years ago #104866

I am sending data

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #104868

Please send me your site administrative information.

0
T
Tomasz Michałowski
Accepted Answer
2 years ago #104873

I am sending data (Hidden Content)

0
T
Tomasz Michałowski
Accepted Answer
2 years ago #104876
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #105213

If you want to remove the bounce effect then just disable the animation from here

https://prnt.sc/UkSQM4OzH8GP

0
T
Tomasz Michałowski
Accepted Answer
2 years ago #105220

But I don't want to correct it - it says from the beginning that it works like a spring - in version 3.x it works normally ;-(

0
T
Tomasz Michałowski
Accepted Answer
2 years ago #105237

I solved the problem myself by copying the edicts from the good old editor ;-( Below is the solution for those interested you should fix it ASAP /components/com_sppagebuilder/assets/css/animate.min.css

@-webkit-keyframes bounceInRight{ 0%,100%,60%,75%,90%{ -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1) }0%{ opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0) } 60%{ opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0) } 75%{ -webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0) } 90%{ -webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0) } 100%{ -webkit-transform:none;transform:none} } @keyframes bounceInRight{ 0%,100%,60%,75%,90%{ -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1) } 0%{ opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0) } 60%{ opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0) } 75%{ -webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0) } 90%{ -webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0) } 100%{-webkit-transform:none;transform:none} }

.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #105242

Glad to know that. You can now close this post by accepting the answer.

0