How to remove the rubber effect
Animation > Bounce
So that it works as in the version 3x
Now this effect looks tragic ;-(
Staff replied
SP Page Builder
How to remove the rubber effect
13 replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?
-Regards.
Tomasz Michałowski Asked this
spring effect, rubber - in version 3.x it worked normally - how to restore the old effect so that there is no rubber?!
Mehtaz Afsana Borsha Staff
Could you please give me your site URL so that I can check?
Tomasz Michałowski Asked this
bellaanimalfood.pl
Mehtaz Afsana Borsha Staff
Give me your super admin access please.
Tomasz Michałowski Asked this
I am sending data
Mehtaz Afsana Borsha Staff
Please send me your site administrative information.
Tomasz Michałowski Asked this
I am sending data (Hidden Content)
Tomasz Michałowski Asked this
it works the same here
https://try.sppagebuilder.com/index.php/edit/1
Mehtaz Afsana Borsha Staff
If you want to remove the bounce effect then just disable the animation from here
Tomasz Michałowski Asked this
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 ;-(
Tomasz Michałowski Asked this
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}
Mehtaz Afsana Borsha Staff
Glad to know that. You can now close this post by accepting the answer.
Log in to reply.