【CSS Transition】

　　CSS transitions provide a way to control animation speed when changing CSS properties. Instead of having property changes take effect immediately, you can cause the changes in a property to take place over a period of time.

div
{
    width:100px;
    transition: width 2s;
}

transition: property duration timing-function delay;

參考：

1、https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

CSS Transition