Skip to content

Instantly share code, notes, and snippets.

@tavriaforever
Forked from tyv/dabblet.css
Created May 12, 2012 10:58
Show Gist options
  • Save tavriaforever/2665825 to your computer and use it in GitHub Desktop.
Save tavriaforever/2665825 to your computer and use it in GitHub Desktop.
сделать таблицу проверки зрения,
/*
сделать таблицу проверки зрения,
глазами плохо видящего человека
http://clck.ru/d/ubPU44a314BE9
http://clck.ru/d/XPwfJrtk14BEv
*/
p
{
color: transparent;
}
.sight01
{
text-shadow: 0 1px 1px rgba(0,0,0,1);
}
.sight02
{
text-shadow: 0 1px 1px rgba(0,0,0,0.9);
}
.sight03
{
text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
.sight04
{
text-shadow: 0 1px 1px rgba(0,0,0,0.7);
}
.sight05
{
color: transparent;
text-shadow: 0 1px 1px rgba(0,0,0,0.6);
}
.sight06
{
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.sight07
{
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
<div class="sivtsev">
<p class="sight01">Ш Б</p>
<p class="sight02">М Н К</p>
<p class="sight03">Ы М Б Ш</p>
<p class="sight04">Б Ы Н К М</p>
<p class="sight05">И Н Ш М К</p>
<p class="sight06">Н Ш Ы И К Б</p>
<p class="sight07">Ш И Н Б К Ы</p>
<p class="sight08">К Н Ш М Ы Б И</p>
<p class="sight09">Б К Ш М И Ы Н</p>
<p class="sight10">Н К И Б М Ш Ы Б</p>
<div class="uline"></div>
<p class="sight15">Ш И Н К М И Ы Б</p>
<p class="sight20">И М Ш Ы Н Б М К</p>
</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment