Оформление текста с использованием тени/подсветки:

Nov 08, 2015 22:57

Свойство text-shadow имеет четыре параметра: X Y амплитуда цвет.

X - горизонтальное смещение тени/подсветки к тексту. Положительное значение - смещение вправо, отрицательное значение - смещение влево.
Y - вертикально смещение тени/подсветки к тексту. Положительное значение - смещение вниз, отрицательное значение - смещение вверх.
Амплитуда - чем выше значение, тем больше степень размытия.
Цвет - тёмные тона дадут тень, светлые тона - «подсветку».

text-shadow: black 0 0 10px; color:white;     - Только тень

text-shadow: 1px 1px 1px #000; color: #f9f5ed;   -Tahoma с тенью


text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #ddcca3;   - Verbana с контуром

text-shadow: -1px -1px #666, 1px 1px #FFF; color: #ddcca3;  - Verbana вдавленный

text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#ddcca3;   -
Georgia объёмный

text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87; color:DarkGray;   - Tahoma неоновый

text-shadow: 0 0 0.2em #8F7; color:DarkGray;    - Tahoma неоновый

text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F; color:Black;   - Tahoma неоновый

text-shadow:3px 3px 10px red,-3px -3px 10px yellow;color: #101921;   - Garamond, много оттенков

шрифты, тень

Previous post Next post
Up