zoukankan      html  css  js  c++  java
  • 关于transform的3D变形函数

      继续transform的3D用法:

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

      transformX(x)只用x轴的值进行转换;

      transformY(y)只用y轴的值进行转换:

      transfornZ(z)只用z轴的值进行3d转换;

      scale缩放

      scale3d(x,y,z)定义3d的缩放

      scaleX(x)在x轴方向的缩放

      scaleY(y)在y轴方向进行缩放

      scaleZ(z)定义在z轴的方向进行缩放

      rotate旋转(deg角度)

      rotate3d(x,y,z,angle)定义3d的旋转

      rotateX(deg)定义x轴的旋转

      rotateY(deg) 定义y轴的旋转

      rotateZ(deg)定义Z轴的旋转

      matrix3d( n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)定义3d的转换,使用16个4乘4的矩形的值来定位。

      transform-origin:作用和2d的一样,都是改变变形的起点 z轴是3d的特有表现

      transform-style:规定被嵌套的元素如何在3d环境下显示:

        flat表示不保留在子元素的3d空间

        preserve-3d表示保留子元素的3d空间

      perspective-origin:规定3D元素的底部位置;目前浏览器都不支持;

      backface-visibility:定义元素在不面对屏幕时是否可见;浏览器支持度不好。

  • 相关阅读:
    中断
    按键
    uart stdio的移植1
    串口通信实战
    串口通信相关知识详解
    SOC时钟
    arm-linux-ld: cannot find sdram_init.o
    SDRAM初始化
    代码重定位实战
    s5pv210的启动过程
  • 原文地址:https://www.cnblogs.com/l8l8/p/8016438.html
Copyright © 2011-2022 走看看