transition-timing-function:ease

鼠标移到图形上看过渡效果

transition-timing-function:ease-in

鼠标移到图形上看过渡效果

transition-timing-function:ease-out

鼠标移到图形上看过渡效果

transition-timing-function:ease-in-out

鼠标移到图形上看过渡效果

transition-timing-function:linear

鼠标移到图形上看过渡效果

transition-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1)

鼠标移到图形上看过渡效果

transition-timing-function:steps(4, end)

鼠标移到图形上看过渡效果

盒子的多个属性一起动画: width, height, background-color, transform. 将光标悬停在盒子上查看动画。