zoukankan      html  css  js  c++  java
  • CSS3--transform

    transform:向元素应用2D或3D转换,该属性允许我们对属性旋转,缩放,移动,或倾斜。

      transfrom:none;定义不进行转换

      transfrom:matrix(n,n,n,n,n,n);定义2D转换,使用六个值的规阵

      transfrom3d:matrix(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n);定义3D转换,使用十六个值的4*4规阵

      transfrom:translate(x,y);定义2D转换。

      transfrom:translate3d(x,y,z);定义3D转换

      transfrom:translateX(x);定义转换,只是用X轴的值

      transfrom:translateY(y);定义转换,只是用Y轴的值

      transfrom:translateZ(z);定义3D转换,只是用Z轴的值

      scale(x,y);定义2D缩放转换

      scale3d(x,y);定义3D缩放转换

      scaleX(x);通过设置X轴的值来定义缩放转换

      scaleY(y);通过设置Y轴的值来定义缩放转换

      scaleZ(z);通过设置z轴的值来定义3d缩放转换

      rotate(angle);定义2D旋转,在参数总规定角度([number]deg)

      rotate3d(x,y,z,angle);定义30D旋转

      rotateX(angle);定义沿着X轴的3D旋转。

      rotateY(angle);定义沿着Y轴的3D旋转

      rotateZ(angle);定义沿着Z轴的3D旋转

      skew(x-angle,y-angle);定义沿着X和Y轴的2D倾斜旋转。

      skewX(angle);定义沿着X轴的2D倾斜转换

      skewY(angle);定义沿着Y轴的2D倾斜转换

      perspective(n);为3D转换元素定义透视视图

  • 相关阅读:
    1295. 统计位数为偶数的数字『简单』
    1281. 整数的各位积和之差『简单』
    697. 数组的度『简单』
    748. 最短完整词『简单』
    832. 翻转图像『简单』
    1446. 连续字符『简单』
    1455. 检查单词是否为句中其他单词的前缀『简单』
    1160. 拼写单词『简单』
    1304. 和为零的N个唯一整数『简单』
    1103. 分糖果 II『简单』
  • 原文地址:https://www.cnblogs.com/gqx-html/p/6225668.html
Copyright © 2011-2022 走看看