How animation-timing-function's values "Ease" and "Ease-in-out" differ from one another . ALthough they both means the same i.e. ease -It specifies an animation with a slow start, then end slowly (this is default) ease-in-out -It also specifies an animation with a slow start and end.
animation-timing-function: ease; animation-timing-function: ease-in-out;
CodePudding user response：
Ease: specifies a transition effect with a slightly faster start, than the end.
Ease-in-out: specifies a transition effect with a slow start, fast at the middle of the animation, and slow finish.