Объёмный текст без фотошоп.

Воскресенье, 11 Сентября 2016 г. 21:14 + в цитатник

Цитата сообщения Вера_Паничкина

Прочитать целиком В свой цитатник или сообщество!

Объёмный текст без фотошоп...

Красивый Текст
Иногда очень хочется оригинально оформить оглавление (название) своего поста. На сайте "Шпаргалка блогера" познакомилась с приведенными ниже видами красивого оформления текста. Я, правда, ещё не все уразумела, поэтому делюсь с вами тем, что поняла и освоила.

Свойство text-shadow:1px1px1px#000 имеет четыре параметра:

X Y амплитуда цвет

X - горизонтальное смещение тени к тексту (положительное значение - вправо, отрицательное - влево),

Y - вертикально смещение тени к тексту (положительное - вниз, отрицательно - вверх),

амплитуда - чем выше значение, тем больше степень размытия,
#000 - цвет тени.
Можно добавить две и более тени через запятую.

1.
Ваш Текст...

Ваш Текст...

2.
Ваш Текст... если фон и текст одноцветные

Ваш Текст...

3.
Ваш Текст... тень

Ваш Текст...

4.
Ваш Текст... на темном фоне

Ваш Текст...

5.
Ваш Текст... затемнение

Ваш Текст...

6.
Ваш Текст... обтекаемый

Ваш Текст...

7.
Ваш Текст...

Ваш Текст...

8.
Ваш Текст... контур

Ваш Текст...

9
Ваш Текст... вдавленный

Ваш Текст...

10.
Ваш Текст.... объемный

Ваш Текст....

11.
Ваш Текст... ретро

Ваш Текст...

12.
Ваш Текст... неон

<span style="text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;padding: 20px 0;margin: 20px auto;font-family: Garamond;font-size: 4em;color: #fff;">Ваш Текст...

13.
Ваш Текст... ареол

Ваш Текст...

14.
Ваш Текст... слоёный 1

Ваш Текст...

15.
Ваш Текст... слоёный 2

<span style="text-shadow: 0 1px 0 #000000, 0 2px 0 #888888, 0 3px 0 #777777, 0 4px 0 #FFFFFF, 0 5px 0 #555555, 0 6px 0 #444444, 0 7px 0 #333333, 0 8px 7px #001135; color: #FE6602; font-family: 'Aclonica',serif;font-size: 7em; margin: 20px auto;">Ваш Текст...

16.
Ваш Текст... этот мне нравится больше всех!

<span style="text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9,0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);color: #fff; font: 5em 'ChunkFiveRegular'; margin: 20px auto;">Ваш Текст...

Источник
Можно ещё посмотреть:
Огненный текст без ФШ;
Обводка текста без ФШ.

Серия сообщений " - Оформление текста":

Часть 1 - Шрифты для текста.
Часть 2 - Картинки и текст. Пишем в два столбика
...
Часть 6 - Огненный текст без фотошопа
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Курсоры

Серия сообщений "УЧИМСЯ ДЕЛАТЬ РАМОЧКИ":
Часть 1 - Шаблоны рамок
Часть 2 - ФОРМУЛЫ РАМОЧЕК
...
Часть 25 - Пишем словно золотом...
Часть 26 - Обводка текста без фотошопа...
Часть 27 - Объёмный текст без фотошоп.
Часть 28 - Часто использую, а запомнить никак не могу...(мини шпаргалка)
Часть 29 - Урок - делаем рамочку в фотошопе.
...
Часть 36 - Стильные рамки (блоки)
Часть 37 - Рамочки с закруглёнными углами
Часть 38 - Красивый текст для блога

Серия сообщений "ДЛЯ РАБОТЫ В ДНЕВНИКЕ":
Часть 1 - Генератор цвета
Часть 2 - Коды для оформления блога
...
Часть 15 - Пишем словно золотом...
Часть 16 - Обводка текста без фотошопа...
Часть 17 - Объёмный текст без фотошоп.
Часть 18 - Часто использую, а запомнить никак не могу...(мини шпаргалка)
Часть 19 - Фоновое изображение в рамке. Часть 1
Часть 20 - Красивый текст для блога