zoukankan      html  css  js  c++  java
  • CSS3如何实现2D转换和3D转换,他们有何区别

    CSS3中2D3D技术的发展,带来了更丰富的视觉效果~他们的实现机理是怎样的呢?

    1定义

    2D:

    能够对元素进行移动,缩放,转动,拉长或拉伸。

    3D:

    允许对元素进行格式化,在三维空间进行操作。元素改变形状,尺寸和位置。

    2D方法:

    matrix()方法把所有2D转换方法组合在一起,该方法需要六个参数,包含数学函数,可以实现旋转(angle),缩放(n),移动(x,y),倾斜(x-angle,y-angle)。

    3D方法:

    3Dtransform方法

    浏览器支持:

    2D:

    IE10,Firefox,Opera支持,Chrome和Safari需要前缀-webkit-,IE9需要前缀-ms.

    3D:

    IE10,Firefox,Chrome和Safari需要前缀-webkit-,Opera不支持。

    区别:

    3D除了增添了少许2D没有的属性外,其他基本上是细化了2D的属性。

  • 相关阅读:
    计算机基础
    程序的控制结构
    day 04作业
    数据类型-数据类型
    第二次作业
    第二次博客
    第一篇博客
    原生js与ajax应用
    ajax原理及其优缺点
    jQuery动画
  • 原文地址:https://www.cnblogs.com/s-z-y/p/4483237.html
Copyright © 2011-2022 走看看