title: Render CSS3 animation as a sequence of image files with PhantomJS
body: <p>I didn't work with PhantomJS before, but want to use it to render some custom-made CSS3 animated sequences to sets of PNG files on server side to join them into a single video file next. Seems like PhantomJS has an option to render current page state to an image. Next, I found <code>-webkit-animation-play-state</code> that I hope can help me to pause the animation, render the page, then go to next frame and do it all again.</p>
  
  <p>May be I should do these animations with pure JS so that I can control all pause/play states better? I think I can, for example, move a rectangle by 1px, then render the image, then move it again, then render and so on. Though CSS3 animating is much cleaner to work with.</p>
  
  <p>Please advise how I can better solve this task in the best way or at least something I can begin wth. Thanks!</p>