Search code examples
cssbenchmarkingcss-transitionseasing

Most efficient way of easing in dozens of div's with CSS3

I have ten div's added every second, each with an image, and I want them to slide in from the left. This is too intensive work for javascript, and also too much for keyframing.

So what would be the most efficient (CPU/memory wise, also considering mobile devices) way of doing this?

Thanks.

Solution

  • Can you use JS to add a class to them using a setInterval, then use CSS transitions with that class?