title: How do I fade out a div using pure JavaScript?
body: <p>I have the following code for a preloader on my site:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>setTimeout(function() {
    document.getElementById("loader-wrapper").style.display = 'none';
  }, 1250);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="loader-wrapper" id="loader-wrapper"&gt;
    &lt;div id="loading"&gt;
      &lt;div class="loader"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Currently the div disappears after 1.25 seconds, but how do I make the <code>loader-wrapper</code> fade out after those 1.25 seconds (without using CSS or jQuery)?</p>