сделать таблицу проверки зрения,

dabblet.css

/* 
	сделать таблицу проверки зрения, 
	глазами плохо видящего человека
	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);
}

dabblet.html

    <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>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}