snipt

Ctrl+h for KB shortcuts

CSS

Pure CSS 2 Image Preloader

1
2
3
4
body:after {
    content: url(img1.jpg) url(img2.jpg) url(img3.jpg);
    display: none;
    }
https://snipt.net/embed/375ce5de0b4e0b2b215fd2bddedaade9/
/raw/375ce5de0b4e0b2b215fd2bddedaade9/
375ce5de0b4e0b2b215fd2bddedaade9
css
CSS
4
2019-07-19T10:43:31
True
False
False
/api/public/snipt/27593/
pure-css-2-image-preloader
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="nt">body</span><span class="nd">:after</span> <span class="p">{</span> </span><span id="L-2"><a name="L-2"></a> <span class="nb">content</span><span class="o">:</span> <span class="sx">url(img1.jpg)</span> <span class="sx">url(img2.jpg)</span> <span class="sx">url(img3.jpg)</span><span class="p">;</span> </span><span id="L-3"><a name="L-3"></a> <span class="nb">display</span><span class="o">:</span> <span class="nb">none</span><span class="p">;</span> </span><span id="L-4"><a name="L-4"></a> <span class="p">}</span> </span></pre></div> </td></tr></table>
css, image