Does WebKit use OpenGL to render CSS transitions?

WebKit is just a frontend. It depends on the backend and the hardware support. Google Chrome uses skia as a back-end and is can use software or hardware.So the answer is it depends on the implantation of the back-end and the hardware it is running on.

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.

I should note that this is true for Safari/Mobile-Safari, some other implementations might not be HW accelerated at all or have better support for it. – Mario Estrada Jul 4 at 18:51.

WebKit is just a frontend. It depends on the backend and the hardware support. Google Chrome uses skia as a back-end and is can use software or hardware.

So the answer is it depends on the implantation of the back-end and the hardware it is running on.

Up vote 6 down vote favorite 1 share g+ share fb share tw.

Css opengl css3 webkit css-transitions link|improve this question edited Jul 4 '11 at 6:19BoltClock's a Unicorn?101k14145376 asked Jul 4 '11 at 6:15wanderingbear1025 50% accept rate.

I should note that this is true for Safari/Mobile-Safari, some other implementations might not be HW accelerated at all or have better support for it. – Mario Estrada Jul 4 '11 at 18:51 All transitions are HW accelerated (using OpenGL) in Safari regardless of the property/transform. You can see that because of initial flickering & different font rendering in certain circumstances.

Also, the transitions couldn't so smooth especially in Mobile Safari if HW acceleration was not used. – jholster Jan 15 at 15:35 1 Actually there's evidence that hardware acceleration is only used with translate3d and not with translate, one of the reasons for this difference is because translate was implemented in Safari a lot sooner than translate3d. – Mario Estrada Feb 25 at 16:45 There are some webpages that make reference to the difference in performance between these two: link, link search for translate3d, link.

I've tested this and the difference is noticeable specially on iOS, although hw-acceleration is kind of buggy and uses more resources. – Mario Estrada Feb 25 at 16:51 Thanks Mario. The links are partly outdated (the first one mentioning IOS 3.0), though no doubt I was oversimplifying above.

I think we can safely assume that in most (webkit) platforms most of the stuff is HW accelerated, and it's getting better all the time. – jholster Feb 28 at 8:19.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.