Amazing CSS transition tips and details

In CSS, the transition property is used to specify adding transition effects to one or more CSS properties. The most common usage is to add a transition to an element, so that when one of its properties changes from state A to state B, it is no longer direct and obtrusive, but with a tween animation. Not all properties support transitions in this way, their transition animations can be linked together. Using the same principle, we also use another pseudo-element of the element.