A CSS Guru Reveals a Big CSS Secret
Of late, I have been fascinated with mouse-sensitive animation.
See this one called Particle JS that I forked onto Codepen.
Adapted from HongKiat.com
CSS3 Transition is a great addition to CSS3 that allows transitional changing effects to CSS rules.
For each transition, there are four predefined timing functions that can be used:
These are based on the Bezier curve and is defined with this syntax:
Cubic Bezier Curve
The Bezier curve is a commonly used curve model in computer graphics like Adobe Illustrator. This curve is formed with four points as illustrated in the following figure: