7. native applications can access the device’s graphical
processing unit (GPU) to make pixels fly. Web
applications, on the other hand, run in the context of
the browser, which lets the software do most (if not
all) of the rendering, resulting in less horsepower for
transitions. But the Web has been catching up, and
most browser vendors now provide graphical
hardware acceleration by means of particular CSS
rules.
http://mobile.smashingmagazine.com/2012/06/21/play-with-hardware-accelerated-css/
10. Y硬件加速的方面
• General layout compositing
• CSS3 transitions
• CSS3 3D transforms
• Canvas Drawing
• WebGL 3D Drawing
11. 如何启用GPU加速
. box{
- webki t - t r ansf or m: t r ansl at eZ( 0) ;
- moz- t r ansf or m: t r ansl at eZ( 0) ;
- ms- t r ansf or m: t r ansl at eZ( 0) ;
- o- t r ansf or m: t r ansl at eZ( 0) ;
t r ansf or m: t r ansl at eZ( 0) ;
}
12. 防止页面闪烁
. box{
- webki t - backf ace- vi si bi l i t y: hi dden;
- moz- backf ace- vi si bi l i t y: hi dden;
- ms- backf ace- vi si bi l i t y: hi dden;
backf ace- vi si bi l i t y: hi dden;
- webki t - per spect i ve: 1000;
- moz- per spect i ve: 1000;
- ms- per spect i ve: 1000;
per spect i ve: 1000;
}