Как да добавите сянка към текст с - CSS
Наскоро научих, че в CSS, като се започне от версия 2, можете да добавите сянка към всеки текст. Такава сянка в някои случаи изглежда просто великолепна.
По някаква причина винаги съм смятал, че внедряването на сянката в мрежата се извършва само чрез изображения. И тук се оказва, че има специален css-параметър -text-shadow, който може да бъде доста гъвкаво конфигуриран.
Това е, което бих искал да споделя с вас.
Бих искал веднага да предупредя, че браузърът на Microsoft, Inernet Explorer, не разбира този параметър в нито една версия, така че в този браузър просто ще имате обикновен текст без сянка. Не мисля, че е голям проблем. Други браузъри разбират този параметър и не би трябвало да има проблеми с тях.
Ето примери как работи тази настройка:
Пример #1: текстова сянка: черно 1px 1px 2px, бяло 0 0 0.7em;
Пример #2: текстова сянка: черно 1px 1px 2px, червено 0 0 0.7em;
Пример #3: текстова сянка: червено 1px 1px 2px, червено 0 0 7px;
Ако разглобим тази команда на части (например последната), след което пропускаме името на параметъра, се оказва, че се състои от 2 части:
- червено 1px 1px 2px,
- червено 0 0 7px,
където първата част е първата, така наречената гама, сянка, а втората е втората, по-широка. Всичко изглежда нормално. Синтаксисът на командата ви позволява да работите само с един слой със сянка. Следователно този правопис би бил правилен:
Така или иначе, свойството CSS: text-shadow може да добави някакво измерение (като лак за коса) към вашия уебсайт и да го направи да изглежда по-модерен.