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

Понедельник, 12 Сентября 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 - Курсоры

Серия сообщений "HTML-обучение":
Часть 1 - Полезные теги html для оформления дневника
Часть 2 - КОДЫ (теги,формулы) для оформления блога - много
...
Часть 18 - Урок: Как я делаю музыкальную картинку + код
Часть 19 - Палитра цветов + код цветовой простой рамки
Часть 20 - Объёмный текст без фотошоп...
Часть 21 - Цветовые коды

Серия сообщений "УРОКИ по оформлению и ведению дневника":
Часть 1 - Полезные теги html для оформления дневника
Часть 2 - КОДЫ (теги,формулы) для оформления блога - много
...
Часть 31 - А вы сохранили свой Блог? Скоро 3 марта...
Часть 32 - Знакомьтесь -сайт Архив орг (наши Дневники и Блоги там!)
Часть 33 - Объёмный текст без фотошоп...

olionka2 обратиться по имени Вторник, 13 Сентября 2016 г. 06:26 (ссылка)

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

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

Ответить С цитатой В цитатник

Вторник, 13 Сентября 2016 г. 13:35ссылка

Nadiya_Babets

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

Ответить С цитатой В цитатник Обратиться по имени

olionka2 обратиться по имени Вторник, 13 Сентября 2016 г. 19:52 (ссылка)

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

Ответить С цитатой В цитатник

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Ссылки

-Резюме

Бабец Надежда

-Новости

-Музыка

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

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

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

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