过渡动画&圆角_阴影_透明&运动曲线

过渡动画：

在哪产生动画、动画的时间、运动曲线、延迟

transition: border-radius 500ms ease,width 500ms ease 500ms,height 500ms ease 1s,background-color 500ms ease 1.5s;

---

圆角_阴影_透明：

床前明月光

床前明月光

---

匀速

transition: all 1s linear;

开始和结束慢速，中间加速

transition: all 1s ease;

开始慢速，结尾突然停止

transition: all 1s ease-in;

突然开始，结束时慢速

transition: all 1s ease-out;

开始和结束时慢速

transition: all 1s ease-in-out;

贝塞尔（贝兹）曲线

transition: all 1s cubic-bezier(0.250,0.250,0.750,0.750);匀速

超出再缩回的弹性效果

transition: all 1s cubic-bezier(0.470, -0.485, 0.460, 1.435);