Урок 1
Добавляем тексту обводку и тень
Дорогие мои друзья и читатели,
сегодня я хочу предложить вам урок, который научит вас
добавлять тени и обводки с помощью html-кодов.
Давайте вместе создадим
вот такую надпись:
Код рамочки:
Итак:
1. Открываем простой редактор и пишем текст
2. С помощью тега "span style" задаем тексту стиль:
название шрифта (font-family):
размер шрифта (font-size):
цвет шрифта (color):
Код цвета можно узнать в любом графическом редакторе.
Например, в Photoshop :)
тень (text-shadow:):
Рассмотрим составляющие тени.
Конечно же, тень имеет цвет (#......).
Код цвета тени выставляется один и тот же.
Может быть, можно и радужную тень сделать - просто я не экспериментировала, поэтому делюсь тем, что знаю наверняка :).
Вы, наверное, обратили внимание на то,
что возле каждого кода цвета прописаны цифры.
Цифры эти обозначают сдвиг тени относительно текста.
Помните систему координат из алгебры? Х=... У=... ).
Тень тоже как бы сдвигается по системе координат.
Я несколько раз изменю код тени, чтобы наглядно показать это.
Первая цифра сдвигает тень по оси "Х" (горизонтально).
При положительном значении первой цифры тень сдвигается вправо,
при отрицательном - влево
Вторая цифра сдвигает тень по оси "У" (вертикально).
Если вторая цифра положительная (без минуса),
то тень сдвигается вниз
если отрицательная (со знаком минус),
то тень сдвигается вверх
Вернемся к первоначальному тексту.
Сначала добавим обводку.
Затем добавим 8 теней
Надеюсь, теперь вам не составит
большого труда
разобраться в первоначальном коде ).
Успехов вам
в творчестве!
врединка-2
|
|
|
|
|
|
|
|