图片 动画

图片
       透明度  opacity  (取值:0-1)
动画
      移动  transform:translate(100px,100px);
      旋转  transform:rotate(200deg);
      缩放  transform:scale(2,2);    //缩放的是倍数
      倾斜  transform:skew(20deg,20deg);
      矩阵  transform:matrix(1,2,3,4);
      3D旋转X  transform:rotateX(200deg);
      3D旋转Y  transform:rotateY(200deg);
           
                 -webkit-transform:rotateY(200deg);/*safari chrome*/
                 -ms-transform:rotateY(200deg);/*IE*/
                 -o-transform:rotateY(200deg);/*opera*/
                 -moz-transform:rotateY(200deg);/*Firefox*/

你可能感兴趣的:(CSS)