Does WebKit use OpenGL to render CSS transitions, or does it use software rendering?
From what I know the only hardware accelerated property using transitions is the translate3d
transform
.
Eg:
// Normal
div{
-webkit-transition: all 0.5s ease-out;
}
// Adding class to animate
div.transformed{
-webkit-transform: translate3d(100px, 100px, 0);
}
If you use just the translate
transform or animate any other property it won't be hardware accelerated.