question

T J FOLLIN avatar image
T J FOLLIN asked

GPU accelerated CSS transitions

Hi, Does anyone know how to simply trigger GPU acceleration for CSS transitions in web apps on the Amazon Fire TV box? All I'm trying to do is scroll a strip of images (in HTML image tags) in a single div left / right through a container div. On the images div I'm setting: -webkit-transition-property:left;-webkit-transition-duration:0.2s; - then altering the left position in Javascript. I've tried adding -webkit-transform: translateX(0) on the container div and on the images div (in different combinations) but it still seems slow compared to the demo. Also if you scroll too fast sometimes all the pictures disappear and reappear. There's a maximum of 27 images. The demo Amazon provides manages to achieve it pretty well but I can't figure out how it works. I'm a novice who has managed to surf the sea of my own incompetence to the shores of an almost completed app - it all works fine but this is the one thing that's letting it down. Thanks! Message was edited by: T J FOLLIN Message was edited by: T J FOLLIN
web apps
10 |5000

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

1 Answer

T J FOLLIN avatar image
T J FOLLIN answered
I should add - I'm talking about the Amazon Fire TV box, sorry!
10 |5000

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.