Авторизация

Обводка текста с помощью CSS

Настоящую обводку текста с помощью CSS (не прибегая к position), как оказалось сделать не очень просто, некое подобие обводки получается cделать с помощью text-shadow, далее пример css:

h1{text-shadow:-1px 0px black, 0px -1px black, 1px 0px black, 0px 1px black, -1px -1px black, 1px 1px black, -1px 1px black, 1px -1px black}

Из-за острых углов некоторых букв, видно неточности.(смотри №1)

Пример обводки текста CSS

Но всё упрощается если нам нужно сделать обводку с тенью, так как тень немного скрывает "зазубрены" букв. (смотри №2)

h2{text-shadow:-1px 0px black, 0px -1px black, 1px 0px black, 0px 1px black, -1px -1px black, 1px 1px black, -1px 1px black, 1px -1px black, 1px 0px 4px black, 0px 0px 2px black, 0px 0px 3px black, 0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black;}

Причём эту часть свойства text-shadow ", 0px 0px 4px black" можно повторять много раз, но это очень сильно повлияет на производительность компьютера. Так что будьте осторожны с данным свойством.

[ Saitadmin.ru || с 2006 по текущий год || Санкт-Петербург || Антон Панченко ]