Smoother/Faster CSS Animations

If you have ever experienced slow/”buffering” CSS animations then it’s probably because you don’t know about this article. Basically, instead of animating¬†the position properties “top”, “right”, “bottom” and “left”, you animate “transform: translate”.¬†On most browsers this activates hardware acceleration, meaning it will use the computers graphic chip instead of the CPU and will therefore produce smoother animations.

Leave a Reply

Your email address will not be published. Required fields are marked *