title: Detect if browser uses GPU accelerated graphics for render
body: <p>So I'm building large size site, which uses css3 transitions for animations (I'm using jaquery.transit to manipulate element transitions and their css styles). And I stumbled upon 2 problems:</p>
  
  <ol>
  <li>FF (latest update) doesn't use GPU for translate3d() layer rendering, maybe I'm wrong and mozilla doesn't use GPU accelerated graphics at all. I really don't understand that completely yet.</li>
  <li>Even if I trick for example Chrome in using GPU for translate3d() and translateZ() layer rendering, on computers with bad GPU or with no GPU those graphics are so terrible you sometimes can't even see middle of transition just start and end.</li>
  </ol>
  
  <p><strong>Questions:</strong></p>
  
  <ol>
  <li>What do I do to improve FPS for transitioning elements, e.g. I have 3200x3200 <code>div</code> rotating and scaling and translating in x,y axis at same time, with approx. 5-20 elements displayed on that <code>div's</code> surface? </li>
  <li>Maybe there is a way I can detect if browser has enough GPU support to know if I need to redirect to simpler version of site or not?</li>
  </ol>