snipt

Ctrl+h for KB shortcuts

Text only

CSS Shapes & Colors

1
2
3
https://css-tricks.com/the-shapes-of-css/

https://uigradients.com/
https://snippets.siftie.com/embed/5a5df35caae0481b9fe2b371bd8595aa/
/raw/5a5df35caae0481b9fe2b371bd8595aa/
5a5df35caae0481b9fe2b371bd8595aa
text
Text only
3
2019-04-14T04:34:16
True
False
False
/api/public/snipt/148241/
css-shapes
<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></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>https://css-tricks.com/the-shapes-of-css/ </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a>https://uigradients.com/ </span></pre></div> </td></tr></table>

Text only

Horizontal Rules <hr> CSS designs

https://codepen.io/ibrahimjabbari/pen/ozinB
https://snippets.siftie.com/embed/c7947c3f4f91d9fe4c41a05974c731f1/
/raw/c7947c3f4f91d9fe4c41a05974c731f1/
c7947c3f4f91d9fe4c41a05974c731f1
text
Text only
1
2019-04-15T03:28:38
True
False
False
Feb 12, 2019 at 07:42 AM
/api/public/snipt/148240/
horizontal-rules-hr-css-designs
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>https://codepen.io/ibrahimjabbari/pen/ozinB </span></pre></div> </td></tr></table>

Text only

cross fading images

http://css3.bradshawenterprises.com/cfimg/
https://snippets.siftie.com/embed/9cef120ecd602332224179dba356a6e5/
/raw/9cef120ecd602332224179dba356a6e5/
9cef120ecd602332224179dba356a6e5
text
Text only
1
2019-04-12T23:17:34
True
False
False
Feb 12, 2019 at 07:38 AM
/api/public/snipt/148238/
cross-fading-images
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>http://css3.bradshawenterprises.com/cfimg/ </span></pre></div> </td></tr></table>

Text only

CSS Menu

https://freefrontend.com/css-menu/
https://snippets.siftie.com/embed/b9f65bd04647d9fd4973e34205b674a5/
/raw/b9f65bd04647d9fd4973e34205b674a5/
b9f65bd04647d9fd4973e34205b674a5
text
Text only
1
2019-04-13T20:04:00
True
False
False
Feb 12, 2019 at 06:49 AM
/api/public/snipt/148236/
css-menu-4c831b6d
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>https://freefrontend.com/css-menu/ </span></pre></div> </td></tr></table>

Text only

Toggle Menu Side bar on Hover

http://jsfiddle.net/LDntf/8/
https://snippets.siftie.com/embed/966647b159ed7639fe87dfad1a9bd455/
/raw/966647b159ed7639fe87dfad1a9bd455/
966647b159ed7639fe87dfad1a9bd455
text
Text only
1
2019-04-13T18:10:55
True
False
False
Feb 12, 2019 at 06:42 AM
/api/public/snipt/148235/
toggle-menu-side-bar-on-hover
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>http://jsfiddle.net/LDntf/8/ </span></pre></div> </td></tr></table>

Text only

Themes

1
2
3
4
5
https://www.template.net/
https://www.creative-tim.com/
https://www.templatemonster.com
https://themehunt.com/
https://w3layouts.com/
https://snippets.siftie.com/embed/1b9a3e52474c6918fcd75376d33b590e/
/raw/1b9a3e52474c6918fcd75376d33b590e/
1b9a3e52474c6918fcd75376d33b590e
text
Text only
8
2019-04-13T17:33:35
True
False
False
/api/public/snipt/148234/
themes-3217733f
<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> <a href="#L-5">5</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>https://www.template.net/ </span><span id="L-2"><a name="L-2"></a>https://www.creative-tim.com/ </span><span id="L-3"><a name="L-3"></a>https://www.templatemonster.com </span><span id="L-4"><a name="L-4"></a>https://themehunt.com/ </span><span id="L-5"><a name="L-5"></a>https://w3layouts.com/ </span></pre></div> </td></tr></table>