Мобильный LiveInternet Красивый текст для блога

Авторизация

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

Красивый текст для блога 23-12-2014 20:44 к комментариям - к полной версии - понравилось!

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

Красивый текст для блога

Используя возможности CSS можно работать с тенью текста, добиваясь удивительных результатов. Атрибут font-size отвечает за размер шрифта. Например: в font-size: 2em; вместо 2 подставляем любое другое значение. Если нужен курсив, то сам текст заключаем между "i" и "/i", меняя скобки " " на < >.

Вот примеры и коды некоторых шрифтов:

Текст будет таким

А это его код:

<p style="color: #fff; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Текст будет таким</p>

Текст будет таким

Его код:

<p style="color: #006633; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Текст будет таким</p>

Текст будет таким

Его код:

<p style="color: #663399; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Текст будет таким</p>

Текст будет таким

Его код:

<p style="color: #FE6602; font-family: &#39;Aclonica&#39;,serif; font-size: 1.9em; margin: 20px auto; text-shadow: 0 0px 0 #000000, 0 1px 0 #888888, 0 1.7px 0 #777777, 0 2.7px 0 #FFFFFF, 0 3.7px 0 #555555, 0 4.7px 0 #444444, 0 3.8px 0 #333333, 0 5px 4px #001135;">Текст будет таким</p>

Текст будет таким

Его код:

<p style="color: #4c6271; font-family: Arial; font-size: 1.9em; margin: 20px auto; text-shadow: -2px -1px 0 #ece2ca, -2px -2px 0 #5a5a5a;">Текст будет таким</p>

Текст будет таким

Его код:

<p style=" color: #707070; font-family: Times New Roman; font-size: 1.5em; margin: 0 auto; text-transform: uppercase; text-shadow: 1px 1px 0px #EEE, 2px 2px 0px #707070;">Текст будет таким</p>

Текст будет таким

Его код:

<p style="font-family: Georgia; font-size: 1.9em; text-shadow: 1px 1px 4px red,-1px -1px 4px yellow; color: #663300;">Текст будет таким</p>

Текст будет таким

Его код:

<p style="font-size: 1.9em; text-shadow: 0.1em 0.1em 0.2em black; color: aliceblue;">Текст будет таким</p>

Текст будет таким

Его код:

<p style="font-size: 1.9em; text-shadow: 1.6px 1.7px 1.7px #000; color: #00CCFF;">Текст будет таким</p>

Текст будет таким

Его код:

<p style="font-size: 1.9em; text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#ddcca3;">Текст будет таким</p>

Источник: shpargalkablog.ru/2011/02/css-ten-teksta.html

Подготовила для вас Юлия Гурбер

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

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

Жанна_николаевна 23-12-2014-21:21 удалить

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

Marina-Rozina 24-12-2014-09:54 удалить

Ответ на комментарий Жанна_николаевна #

[показать]

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

Юлия_Гурбер 24-12-2014-13:09 удалить

Очень признательна за цитирование!

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

Marina-Rozina 25-12-2014-16:47 удалить

Ответ на комментарий Юлия_Гурбер # Это Вам большое спасибо за такую красоту!

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

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

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

Дневник Красивый текст для блога | Marina-Rozina - Дневник Marina_Rozina | Лента друзей Marina-Rozina / Полная версия Добавить в друзья Страницы: раньше»