Тінь тексту і посилань за допомогою CSS
Я підібрав для вас парочку готових кодів, за допомогою яких навіть проста тінь буде виглядати дуже оригінально. І відразу на прикладі ви зможете побачити, як це виглядає.
В CSS я буду використовувати властивість text-shadow.
Властивість складається з чотирьох параметрів:
- X - це горизонтальне зміщення тіні (позитивне значення - зміщення тіні вправо, негативне - зміщення тіні вліво);
- Y - вертикальне зміщення тіні (позитивне значення - зміщення тіні вниз, негативно значення - зміщення тіні вгору);
- Амплітуда - чим вище її значення, тим більше ступінь розмиття;
- Колір - власне, це те, якою буде тінь
У рядок №7 потрібно ставити будь-який вподобаний вам код. Приступимо ...
Проста тінь на світлих буквах
Проста тінь на темних буквах
Тінь з різними відтінками
Додається інший колір тіні через кому.
Об'ємний текст за рахунок тіні
неон
Це мій найулюбленіший ефект.
Вогняна тінь
Це теж мій улюблений ефект.
І наостанок, спробуйте ось цей код тіні:
От і все. Хочу побажати вам успіху. Щасливо! Буду радий, якщо ви підпишіться на оновлення мого блогу.