Explain the concept of Tweening in CSS
Tweening in CSS basically means animations. It can be seen that the roots of tweening are in computer animation and not exactly in CSS.
In this instance, we instruct the algorithm to find a way to transition between the two keyframes we specify, which are the two possible locations for the objects. In addition to the start and finish keyframes, there may also be intermediate keyframes.
In CSS, keyframes and the animation property overlap. The animation property has the following sub-properties, as follow:
The idea of keyframes is applied in order to view the animation in motion. Typically, two keyframes—from 0%, or the beginning of the animation, to 100%, or the end—are employed. Keyframes in between can also be used.
Example 1: This is the example showing the concept of Tweening in CSS.
Example 2: Another example where intermediate keyframes are also used.
Please Login to comment...