эффекты для текста CSS

Здравствуйте, дорогие мои читатели и гости блога. Вот, набросала небольшую шпаргалку, как можно красиво оформить текст в сообщении блога, используя стили CSS. При написании сообщения, переходим в режим HTML и вставляем код любого выбранного эффекта. Может кому пригодится.

1. здесь наш красивый текст текст

<span style="text-shadow: -1px -1px #666, 1px 1px #FFF;"> текст</span>

2.здесь наш красивый текст

<span style=" text-shadow: 0 -1px #666, 1px 0 #666, 0 1px #666, -1px 0 #666;">текст</span>

3. здесь наш красивый текст

<span style=" text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;"> текст</span>

4. здесь наш красивый текст

<span style="text-shadow: 0 0 24px #C00, 0 0 4px #C00, 1px 1px 2px #333;"> здесь наш красивый текст</span>

5...здесь наш красивый текст

<span style="text-shadow: 0 0 8px #000; "> текст</span>

6. здесь наш красивый текст

<span style="text-shadow: 1px 1px 0 #ef4123, 2px 2px 0 #f15a22, 3px 3px 0 #f37021, 4px 4px 0 #f58220, 5px 5px 0 #f7941d, 6px 6px 0 #faa61a, 7px 7px 0 #fdb913, 8px 8px 0 #ffcb05, 9px 9px 0 #ffdd00;
 "> текст</span>
7.здесь наш красивый текст

<span style="text-shadow: 0px 0px 1px #8b0304, 0px 1px 1px #8b0304, 0px 2px 1px #8b0304, 0px 3px 1px #8b0304, 0px 4px 1px #8b0304, 0px 5px 1px #8b0304;
 "> текст</span>

8.здесь наш красивый текст

<span style="text-shadow: 0.2em 0.5em 0.1em #600,
      -0.3em 0.1em 0.1em #060,
      0.4em -0.3em 0.1em #006
 "> текст</span>

здесь наш красивый текст

<span style="text-shadow:0px -15px 0 #fe2192;
 "> текст</span>

В каждом коде можно сделать свои индивидуальны изменения цвета #fe2192 , толщины тени text-shadow: и прочие. Поиграйтесь если интересно. Сам размер текста в Блоггере можно регулировать прямо в редакторе сообщения. Здесь тоже есть небольшая шпаргалочка для начинающих.

И всё у меня сегодня. Вам удачи во всём. Увидимся.

Ой, а что это там ниже? Ну надо же! Нажимаем!

оформите подписку на новые шпаргалки

Введите Ваш email