transition

Posted 2020-08-24

transition:
all  所有属性都将获得过渡效果。
property    定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔

transition-duration 规定完成过渡效果需要多少秒或毫秒

transition-timing-function 规定速度效果的速度曲线
                inear    规定以相同速度开始至结束的过渡效果
                ease    规定慢速开始，然后变快，然后慢速结束的过渡效果
                ease-in 规定以慢速开始的过渡效果
                ease-out    规定以慢速结束的过渡效果
               ease-in-out      规定以慢速开始和结束的过渡效果

transition-delay    定义过渡效果何时开始。

transform-origin: x-axis y-axis z-axis;     设置旋转中心