变形：
位移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
网友评论