站点工具

用户工具


====== 差别 ======

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版
前一修订版
css3d_3dtransform函数 [2021/12/11 10:39]
若愚
css3d_3dtransform函数 [2021/12/11 10:57] (当前版本)
若愚
行 31: 行 31:
  
  
-[在 CodePen 上编辑此演示](<div class="scene"> +[在 CodePen 上编辑此演示](https://codepen.io/desandro/pen/NMpVxV)
-)+
  
 还有几个速记 transform 函数,你可以为所有三个维度设置值: 还有几个速记 transform 函数,你可以为所有三个维度设置值:
行 43: 行 42:
 这些 3 参数的`transform3d()`函数还具有触发硬件加速的好处。Dean Jackson 作为CSS 3D转换规范的作者和WebKit的核心开发者,曾写道: 这些 3 参数的`transform3d()`函数还具有触发硬件加速的好处。Dean Jackson 作为CSS 3D转换规范的作者和WebKit的核心开发者,曾写道:
  
-``` + 
-从本质上讲,任何使用涉及3D 操作函数的转换都将触发硬件合成,即使实际执行的是2D转换,甚至根本不执行任何操作(例如 `translate3d(0,0,0)`)。需要了解的是,这只是当前的用法,将来可能会改变(这就是为什么这种方式没被官方记载或推荐使用)。但它在某些情况下非常有用,可以显着提高重绘性能。 +**“从本质上讲,任何使用涉及3D 操作函数的转换都将触发硬件合成,即使实际执行的是2D转换,甚至根本不执行任何操作(例如 `translate3d(0,0,0)`)。需要了解的是,这只是当前的用法,将来可能会改变(这就是为什么这种方式没被官方记载或推荐使用)。但它在某些情况下非常有用,可以显着提高重绘性能。 
-``` +”** 
-这篇笔记写于2010年。从那时起,其他浏览器也采用了这种行为。但是可以说这些东西现在应该适合你,但它可能不会一直有效。浏览器中的硬件加速仍然是一个很少被记录的神秘主题。+ 
 +[这篇笔记](http://mir.aculo.us/2010/08/05/html5-buzzwords-in-action/)写于2010年。从那时起,其他浏览器也采用了这种行为。但是可以说这些东西现在应该适合你,但它可能不会一直有效。浏览器中的硬件加速仍然是一个很少被记录的神秘主题。
  
 为清楚起见,本文中的演示将使用基本的转换函数,但如果您希望提高性能,请尝试使用`transform3d()`。 为清楚起见,本文中的演示将使用基本的转换函数,但如果您希望提高性能,请尝试使用`transform3d()`。
行 52: 行 52:
 > 原文: https://3dtransforms.desandro.com/3d-transform-functions > 原文: https://3dtransforms.desandro.com/3d-transform-functions
  
-> 翻译: 若愚@+> 翻译: 若愚@
  
若愚 · 2021/12/11 10:39 · css3d_3dtransform函数.1639190343.txt.gz