title: Approaching the limit of CSS transform scale
body: <p>For my project <a href="http://areallybigpage.com" rel="noreferrer">areallybigpage.com</a> (*), I'm trying to see how far we can with CSS' <code>transform: scale(...)</code>.</p>
  
  <p>This works and displays the text at normal size:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#id1 { position: absolute; transform-origin: 0 0; transform: scale(10000); }
  #id2 { position: absolute; transform-origin: 0 0; transform: scale(0.0001);}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="id2"&gt;&lt;div id="id1"&gt;Bonjour&lt;/div&gt;&lt;/div&gt;   </code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>But this seems to be too much and doesn't display anything anymore</strong> (tested Firefox 32.0/Win7, laptop computer/few hardware acceleration):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#id1 { position: absolute; transform-origin: 0 0; transform: scale(100000); }
  #id2 { position: absolute; transform-origin: 0 0; transform: scale(0.00001);}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="id2"&gt;&lt;div id="id1"&gt;Bonjour&lt;/div&gt;&lt;/div&gt;   </code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Is there a limit of scale with CSS3 <code>transform: scale(...)</code> ?</strong></p>
  
  <p><strong>How can we push this limit further?</strong></p>
  
  <hr>
  
  <p>(*) : <em>I currently</em> don't use  <em><code>transform: scale(...)</code> on this page, because of the limitation described in this question, but I would like to use it in a future version of this website.</em></p>
  
  <p><em>Off-topic: if you zoom far enough with <kbd>PgUp</kbd>, you easily get to the <code>1.79e+308</code> float limit problem. (but this is another problem)</em></p>