Part 03: Bouncing Ball (Animation) - Mastering CSS Animations

I haven't tested this out, but rather than using the "--ease-out" variable on the 50% keyframe and an "--ease-in" on the "animation" parameter of the ball element, could you instead just use an "--ease-in-out" variable on the "animation" parameter of the ball element and not have to worry about animation timing on the keyframes?

Not sure if the animation timing would be close or completely off; just curious if that's a viable option though since it would be slightly simpler to maintain.

Thanks for these videos by the way. I've learned a lot from your code over the years. :)

Our World Wide Web is a greater medium, thanks to the talented folks at CodyHouse. 👍

:) Could you go over some of the transforms uses in animation and effects? Could you also go over the limitations of CSS animations with glitching and random durations with the animations...