-Рубрики

 -Поиск по дневнику

Поиск сообщений в Творческая_студия

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.02.2015
Записей: 1290
Комментариев: 45
Написано: 1399


Текст с тенью/подсветкой

Четверг, 29 Октября 2015 г. 16:38 + в цитатник
Цитата сообщения О_себе_-_Молчу Текст с тенью/подсветкой

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


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

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

Примеры использования:

<font style="text-shadow: black 0 0 10px; color:white;">Только тень </font>


<font style="text-shadow: 1px 1px 1px #000; color: #f9f5ed;">Tahoma с тенью </font>


<font style="text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #ddcca3;">Verbana с контуром </font>


<font style="text-shadow: -1px -1px #666, 1px 1px #FFF; color: #ddcca3;">Verbana вдавленный </font>


<font style="text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#ddcca3;">
Georgia объёмный </font>


<font style="text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87; color:DarkGray;">Tahoma неоновый </font>


<font style="text-shadow: 0 0 0.2em #8F7; color:DarkGray;">Tahoma неоновый </font>


<font style="text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F; color:Black;">Tahoma неоновый </font>


<font style="text-shadow:3px 3px 10px red,-3px -3px 10px yellow;color: #101921;">Garamond, много оттенков </font>

Серия сообщений "Шрифты.":
Часть 1 - Обалденно красивые шрифты для ФШ!!!
Часть 2 - Большая коллекция шрифтов для ФШ и Корела
...
Часть 24 - Шрифты для вашего творчества
Часть 25 - Все о бегущем тексте. Примеры и коды.
Часть 26 - Текст с тенью/подсветкой
Часть 27 - Новогодние надписи: небольшой уроктот Н. Горской по использованию глиттера в фотошопе.
Часть 28 - Генераторы красивых шрифтов по алфавиту (очень много)
Часть 29 - Как разбить текст на две колонки.
Часть 30 - Пишем надписи онлайн

Рубрики:  Всё для творчества

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку