LottieTools · Lottie vs CSS Keyframe
bounce-ball.json → bounce-ball-keyframes.css
Original · lottie-player
vs
Converted · pure CSS
Lottie
Bezier easing per keyframe
Shape fills rendered natively
Requires lottie-player (~260 KB)
CSS
Linear interpolation (approx.)
Shape fills defined manually
Zero JS — pure CSS @keyframes