Prevent flicker on webkit-transition of webkit-transform?

The solution is mentioned here: stackoverflow.com/questions/2946748/ipho....

The solution is mentioned here: stackoverflow.com/questions/2946748/ipho.... For your element, you need to set -webkit-backface-visibility: hidden.

Better to just do this to the affected parent element so the whole page isn't rendered with openGL – rpflo Aug 5 at 14:40.

The rule: -webkit-backface-visibility: hidden; will not work for sprites or image backgrounds. Body {-webkit-transform:translate3d(0,0,0);} screws up backgrounds that are tiled. I prefer to make a class called no-flick and do this: .

No-flick{-webkit-transform:translate3d(0,0,0);}.

Both of the above two answers work for me with a similar problem. However, the body {-webkit-transform} approach causes all elements on the page to effectively be rendered in 3D. This isn't the worst thing, but it slightly changes the rendering of text and other CSS-styled URL1 may be an effect you want.

It may be useful if you're doing a lot of transform on your page. Otherwise, -webkit-backface-visibility:hidden on the element your transforming is the least invasive option.

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.

Related Questions