2011-07-04 20 views

cevap

4

WebKit yalnızca bir ön uçtur. Arka uç ve donanım desteğine bağlıdır. Google Chrome, arka uç olarak skia kullanır ve yazılım veya donanımı kullanabilir. Bu yüzden cevap, arka uçun ve çalışmakta olan donanımın uygulanmasına bağlıdır.

3

Geçişler kullanan tek donanım hızlandırılmış özelliği, bildiğimden translate3dtransform'dur.

Örn:

// Normal 
div{ 
    -webkit-transition: all 0.5s ease-out; 
} 

// Adding class to animate 
div.transformed{ 
    -webkit-transform: translate3d(100px, 100px, 0); 
} 

sadece translate dönüşümü veya donanım hızlandırmalı olmayacak başka özelliğine animasyon kullanın.

+0

Bunun Safari/Mobile-Safari için geçerli olduğuna dikkat etmeliyim, diğer bazı uygulamalar HW hızlandırılmamış olabilir ya da daha iyi destek alabilir. –

+0

Tüm geçişler, özellik/dönüşüme bakılmaksızın Safari'de HW hızlandırılır (OpenGL kullanılarak). Belirli durumlarda ilk titrek ve farklı yazı tipi oluşturma nedeniyle görebilirsiniz. Ayrıca, HW hızlandırması kullanılmadığında geçişler özellikle Mobil Safari'de bu kadar pürüzsüz olamazdı. – jholster

+1

Aslında donanım hızlandırmasının sadece “translate3d” ile kullanıldığını ve “translate” ile kullanılmadığına dair kanıtlar var, bu farkın nedenlerinden biri translate3d'den çok daha erken bir zamanda Safari'de gerçekleştirildi. –

İlgili konular