Мобильный LiveInternet Объёмный текст без фотошоп... | Nadiya_Babets - Дневник Вероника

Авторизация

Дневник Nadiya_Babets Лента друзей - Дневник - Полная версия

Объёмный текст без фотошоп... 12-09-2016 17:10 к комментариям - к полной версии - понравилось!

Это цитата сообщения Вера_Паничкина Оригинальное сообщение

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

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

Свойство 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 - Курсоры

вверх^ к полной версии понравилось! в evernote

Комментарии (3):

olionka2 13-09-2016-06:26 удалить

Вау... как клёво, Надюшка!!!

давай, учись, потом меня научишь. а то я здесь даже просто картинку с текстом внизу не смогла поставить нормально, а уж про рамочки вообще молчу.... Здесь всё равно коды не такие....

Обратиться - Ответить - К полной версии

Nadiya_Babets 13-09-2016-13:35 удалить

Ответ на комментарий olionka2 # а мне здесь на лирушке уже не хочется делать рамочки и вставлять в них текст... интерес пропал... я теперь только корелом занимаюсь... пока так... а пост этот взяла- показался интересным....

Обратиться - Ответить - К полной версии

olionka2 13-09-2016-19:52 удалить

да у меня тоже пока что нет ни времени ни желания что-то делать... но вдруг захочется!

Обратиться - Ответить - К полной версии

Комментарии (3): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Объёмный текст без фотошоп... | Nadiya_Babets - Дневник Вероника_Надеждина (Надежда Бабец) | Лента друзей Nadiya_Babets / Полная версия Добавить в друзья Страницы: раньше»