CSS 2D/动画/3D

位置、大小、旋转、透明度、阴影

transition过渡

transition 有这样几个属性:

transition-property:属性(哪个属性参与过渡);

transition-duration:指过渡的持续时间;

transition-delay:延迟过渡时间;

transition-timing-function:过渡的函数(ease | liner | ease-in | ease-out | ease-in-out | cubic-bezier);

transform变形

transform:skew(X轴平移,Y轴平移) ;

transform:scalse(X轴缩放,Y轴缩放);

transform:rotate(旋转);

transform:translate(X轴偏移,Y轴偏移);

animations 动画;

@-webkit-keyframes 名字 {} 这个是定义动画的方法;我们要用这个语句来描述一个动画是怎样的。动画的名称是我们自己定义的。