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 名字 {} 这个是定义动画的方法;我们要用这个语句来描述一个动画是怎样的。动画的名称是我们自己定义的。