HTML5在iPhone 4上的过渡表现

Question

这里已经问过相关问题了:CSS3或jQuery动画与给定的步骤

现在我想问，是否有一个过渡(CSS3或jQuery)，适用于iPhone 4/iPad/iPad 2，让改变全屏幻灯片(图像或甚至框架，充满控制)逐渐，是足够快的平滑?

认为,

Answer 1

为了在iOS设备上获得最佳性能，请在过渡/动画中使用translateZ(0)或translate3d(0,0,0)来通过GPU启用硬件加速。

更多信息在这里:http://www.html5rocks.com/en/tutorials/speed/html5/#toc-visual-fidelity

如何实现这个的例子:

CSS

.fadeOut{ -webkit-animation: fadeout 750ms; }
@-webkit-keyframes fadeout {
    0% { -webkit-transform: translateZ(0);
        opacity:1;
    }
    100% { -webkit-transform: translateZ(0);
        opacity:0;
    }       
}
.fadeIn{ -webkit-animation: fadein 750ms; }
@-webkit-keyframes fadein {
    0% { -webkit-transform: translateZ(0);
        opacity:0;
    }
    100% { -webkit-transform: translateZ(0);
        opacity:1;
    }       
}