title: Mixing canvas and CSS3 elements
body: <p>I'm implementing a HTML5 game using canvas. Now I'm thinking about making all text overlays like tooltips, speechbubbles, infowindows and so on using HTML elements with position absolute over the canvas. So I can use many effects and transitions CSS3 offers.</p>
  
  <p>But I'm not sure about performance. These overlays have to be added and removed frecuently  (is something MMORPG like, so there will be a lot of speechbubbles and so on). </p>
  
  <p>There are probably 2 questions regarding performance:</p>
  
  <ol>
  <li><p>DOM traversal to add/remove. Maybe a cache can help?</p></li>
  <li><p>HTML and CSS3 itself.</p></li>
  </ol>
  
  <p>The other option is to manage these elements in the canvas itself, drawing them each frame. But maybe I have then again a performance penalty, because of the extra code, timeouts and stuff I would have to add, to achieve similar effects like in CSS3. And traversal of some data structure would be needed anyways.</p>
  
  <p>Any advices, opinions, experiences?</p>
  
  <p>Thanks in advance.</p>