变形，背面可见，animation动画

变形：

位移transform:translate(50px,50px)水平 垂直，性能更高，不影响其他块

旋转transform：rotate（30deg）;

缩放transform：scale(0.5,0.2);

斜切transform:skew(45deg,45deg);

transform:perspective(800px)'rotateX(45deg);

transform-style:preserve-3d;

变形中心点：

transform-origin:left center;

背面可见：

transform：rotateY(180deg)

backface-visibility:hidden;背面不可见

animation动画：

animation:moving 1s ease 1s(延迟) 5(次数）alternate（原路返回）;infinite（无限次）forwards（停在在最后）

@keyframes moving(定义名字){from{width:100px;}开始to{width500px;}结束}

animation-play-state:running(运动）paused(暂停）

steps（8）设置步数infinite