kkw learning css process, the 10th day, transition

Posted May 28, 20201 min read

Speaking of the transition, in fact, I have used it to learn the effect of 3D
Just use the simplest kind.

transition:transition

transition-delay:delay time when the excessive animation starts, the default is 0

transition-duratiom:Define the transition time.

transition-property:define the name of the element that needs to transition, generally set all

transition-timing-function:Transition mode, the attribute value can be more
linear, always the same speed
easy, slow> fast> slow
ease-in, enter slowly, then execute faster and faster
ease-out, fast at first, then slowly over
ease-in-out, slow start, and slow end, execute together.

Generally, attributes are abbreviated:

transition:transition element transition time transition method delay time.