Javascript VS. CSS Animations

The red lines are 1000 1px tall <div>s. They will be animated using raw Javascript (no libraries) and CSS3 animations respectively.

Both animations will run at 30 frames per second. They are programmed to run for 2 seconds, though they should take longer because of processing time.

Change the number of elements

If both animations ran at the same speed, increase the number of elements.

If the animations caused your browser to freeze, decrease the number of elements.