Find out how to do smoother CSS carousell or if it's because of high CPU usage.. https://www.grpmax.com/
If you're implementing thst carousel with JSA, I'd recommend you check out the new scroll-snap property that has made it's way into the spec, meaning you can make carousels without the heavy JavaScript calculations
The CSS scroll-snap property can help you make sure carousel items automatically stop at the centre of your screen, so you don't stop in-between two items
Göran B Svensson
Author
No only CSS. But I have found out that that transform: translate3d(0, 0, 0); uses GPU so it's fastest. Then I have removed everything that does not use this for example transition: ease-out.
Göran B Svensson
Author
Ok, just fixed it! Very smooth animation 35 - 60 FPS. Added translate3d to keyframes.
Please sign in to leave a comment.