Скачать с ютуб Pure CSS: Cubic Bezier Explained в хорошем качестве

Pure CSS: Cubic Bezier Explained

A cubic bezier gives us fine control over our animation using 4 numbers, e.g. cubic-bezier(0.5, 1, 0.7, 1.5). This tutorial explains in simple terms what these numbers mean, and how they work as x-y co-ordinates of handles on a time-acceleration graph. By looking at the curve, produced by the position of these handles on the graph, we can visualise how our motion will play out.