6 месяцев назад
Как менять цвет текста, выставлять градиент и накодить красоту
Народ, всем привет. Сегодня у нас больше статья будет для начинающих ребят, кто пробует себя в верстке сайтов, учиться писать первые html-страницы, или кому просто интересен мир фронтенда. И поговорим мы про красивые цветные буквы, заголовки и прочее. А в частности, как можно поменять цвет букв и текста при помощи CSS. И казалось бы, что тут сложного. Однако, мне часто прилетает один и тот же вопрос – как сделать цвет букв красивее, с градиентом, разноцветный и все такое прочее. И я сталкивался с тем, что люди просто идут и рисуют буквы в Фотошопе и вставляют их картинкой...
Текст с тенями
И с градиентом! Как сделать на css обводку текста? ➡️ Итак, один из способов: задать тень (text-shadow), причем тени задаем с каждой стороны text-shadow: 1px 0 1px #000,     0 1px 1px #000,    -1px 0 1px #000,    0 -1px 1px #000; Удобно, если у текста несколько обводок, например: text-shadow:   -2px 0 red,   0 2px violet,   2px 0 red,   0 -2px blue; ❗️Однако, если нужно, чтобы текст при этом был прозрачным, то color: transparent; при наличии text-shadow...