0 Replies Latest reply on Dec 20, 2012 7:41 AM by fillinthe

    Fix for the Edge artifacting in browsers

    fillinthe

      I wanted to respond to someone elses issue with the Chrome browser repeating pixels in an animation. I was not able to, but I fixed it on my end and I didn't blame Chrome like Adobe did here: http://forums.adobe.com/thread/1053308?tstart=0

       

      THE ANSWER:

      in your CSS add -webkit-backface-visibility:hidden; to your divs for the edge animation

       

      so if your div looks like this in HTML where the edge animation is contained:

      <div id="Stage" class="slider01"></div>

       

      then in your external CSS doc add this:

      .slider01 div {-webkit-backface-visibility:hidden;}

       

      Fixed... you're welcome.

       

      Message was edited by: fillinthe