css CSS,CSS3:3D HW动画加速

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css CSS,CSS3:3D HW动画加速相关的知识,希望对你有一定的参考价值。

#Container .mix {
  display: none;
  /* 3D HW animation acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  position: relative; }

以上是关于css CSS,CSS3:3D HW动画加速的主要内容,如果未能解决你的问题,请参考以下文章

如何制作css3的3d动画——以骰子旋转为例,详解css3动画属性

CSS3硬件加速也有坑

奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画?

使用 javascript 为 CSS3 转换的值设置动画是不是会排除硬件加速?

如何使用CSS3来创建一个3D的动画效果?

[CSS3] 学习笔记-CSS动画特效