When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lots of declarations. There are a couple of tricks that might help make things easier, while staying in vanilla CSS. Timing functions are more widely used and familiar but the second one is less common. There’s one especially neat timing function that gives us total control to create custom timing functions. In this post I will show you the power of it and how it can be used to create fancy animation without too much complexity.
Sort: