snipt

Ctrl+h for KB shortcuts

Text only

Password Inputs

1
2
3
4
input { -webkit-text-security: none; }
input { -webkit-text-security: circle; }
input { -webkit-text-security: square; }
input { -webkit-text-security: disc; /* Default */ }
https://snippets.siftie.com/embed/2bab10f5b35fc18bf686edc46adcc2ac/
/raw/2bab10f5b35fc18bf686edc46adcc2ac/
2bab10f5b35fc18bf686edc46adcc2ac
text
Text only
4
2019-04-14T22:44:04
True
False
False
Feb 12, 2019 at 04:42 AM
/api/public/snipt/148228/
password-inputs
<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>input { -webkit-text-security: none; } </span><span id="L-2"><a name="L-2"></a>input { -webkit-text-security: circle; } </span><span id="L-3"><a name="L-3"></a>input { -webkit-text-security: square; } </span><span id="L-4"><a name="L-4"></a>input { -webkit-text-security: disc; /* Default */ } </span></pre></div> </td></tr></table>

Text only

Blurry Text

1
2
3
4
.blur {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
https://snippets.siftie.com/embed/f8d834317496f651cc1500d762f7b834/
/raw/f8d834317496f651cc1500d762f7b834/
f8d834317496f651cc1500d762f7b834
text
Text only
4
2019-04-05T18:43:41
True
False
False
Feb 12, 2019 at 04:39 AM
/api/public/snipt/148226/
blurry-text
<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>.blur { </span><span id="L-2"><a name="L-2"></a> color: transparent; </span><span id="L-3"><a name="L-3"></a> text-shadow: 0 0 5px rgba(0,0,0,0.5); </span><span id="L-4"><a name="L-4"></a>} </span></pre></div> </td></tr></table>

Text only

Zebra Striping a Table

1
2
3
tbody tr:nth-child(odd) {
   background-color: #ccc;
}
https://snippets.siftie.com/embed/c99c1e5f3bbe28521aec42eee1e65e3c/
/raw/c99c1e5f3bbe28521aec42eee1e65e3c/
c99c1e5f3bbe28521aec42eee1e65e3c
text
Text only
3
2019-02-12T18:29:44
True
False
False
Feb 12, 2019 at 04:22 AM
/api/public/snipt/148224/
zebra-striping-a-table
<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>tbody tr:nth-child(odd) { </span><span id="L-2"><a name="L-2"></a> background-color: #ccc; </span><span id="L-3"><a name="L-3"></a>} </span></pre></div> </td></tr></table>