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:定义元素在不面对屏幕时是否可见;浏览器支持度不好。

  • 相关阅读:
    AcWing 900. 整数划分
    AcWing 913. 排队打水
    AcWing 897. 最长公共子序列
    AcWing 895. 最长上升子序列
    AcWing 902. 最短编辑距离
    AcWing 338. 计数问题
    AcWing 896. 最长上升子序列 II
    AcWing 779. 最长公共字符串后缀
    AcWing 282. 石子合并
    ASP.NET里常用的JS (转贴)
  • 原文地址:https://www.cnblogs.com/l8l8/p/8016438.html
Copyright © 2011-2022 走看看