Текст с тенью css3 text-shadow примеры

Как только современные браузеры начали боле менее корректно поддерживать свойство text-shadow тень текста на css3 - сразу же интерес к этому свойству вырос многократно. Достигаемый эффект действительно очень стильный, разнообразие теней ограничивается лишь фантазией веб мастера.
Пришло время и мне выложить свою "коллекцию" теней.
CSS3 свойство text-shadow добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно текста и радиус размытия. Свойство text-shadow может работать совместно с псевдоэлементами :first-letter(определяет стиль первого символа в тексте элемента, к которому добавляется) и :first-line(задает стиль первой строки форматированного текста).
Opera 9.5 поддерживает не более шести теней. Позже, это ограничение было снято. Обратите внимание, что опера окрашивает тени в неправильном порядке. Это было исправлено в Opera 10.5. Opera поддерживает максимум 6-9 параметров тени. Повышение этого значения, а также увеличение радиуса размытия свыше 100px сказывается на производительности браузера. Opera версии 9.5-10 использует отображение нескольких теней, как в CSS 2.
Safari до версии 3.2 включительно поддерживает только один параметр тени, остальные игнорируются. В версии 4.0 работает уже множество теней.
Браузер Internet Explorer ни в одной версии не понимает свойство text-shadow. Взамен используется свойство filter: Shadow(параметры). К примеру, следующая конструкция {filter: Shadow(Color=#666666, Direction=45, Strength=4);} задает цвет тени (#666666), её направление (45° от вертикали) и величину смещения (4 пиксела).
Мини Курс Основы CSS Часть 1
Что такое CSS
Цель данного мини курса - дать Вам базовые знания CSS, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!.
В первую часть мини курса вошли уроки:
Урок 1 Начало: Вы узнаете об основах базовой модели CSS и о том, какие коды необходимо использовать для CSS в HTML-документе.
Урок 2 Фон и цвет в CSS: В этом уроке вы научитесь, как использовать цвета и фон на ваших web-сайтах.
Урок 3 Шрифты в CSS: Управление шрифтами с помощью CSS.
Урок 4 Текст в CSS: В этом уроке вы увидите возможности CSS при форматировании(отображении) текста.
Мини Курс Основы CSS Часть 2
Что такое CSS
Возможно, вы уже слышали о CSS, но не знаете, что это такое. В этом мини курсе вы узнаете, что такое CSS и что он может сделать для вас.
Вторая часть мини курса - Цель данного мини курса - дать Вам базовые знания CSS, которые помогут Вам создавать свои первые web-страницы или редактировать уже готовые шаблоны своих web-сайтов!.
Во вторую часть мини курса вошли уроки:
Урок 5: Ссылки в CSS
Урок 6: Идентификаторы(id) и классы(class) в CSS
Статья в процессе написания, добавляются новые уроки.
Что такое CSS хаки или Вендорные префиксы

Если браузер не поддерживает и не понимает какое-то определённое CSS свойство, то каким образом начинает вдруг понимать это свойство после применения хака?
Благодаря вендорным префиксам производители браузеров уже внедряют экспериментальные CSS3 свойства на свой страх и риск.
Обзор основных CSS3 свойств Меню аккордеон на CSS3 вертикальное

Представляю вашему вниманию CSS3 аккордеон меню вертикальное. Это скорее не меню а маленькая демонстрация новых возможностей CSS3 которые я вложил (скорее - напихал :)) в это вертикальное меню аккордеон. Хочу сразу предупредить - не все CSS3 свойства поддерживаются всеми браузерами. Демонстрационную страницу лучше смотреть браузером Google Chrome последней версии, так же эти свойства поддерживают Safari и Opera последних версий, а также Mozilla Firefox начиная с версии 3.7.
В это CSS3 аккордеон меню вошли свойства:
box-shadow - тень
text-shadow - тень текста
transform - трансформация (перемещение, вращение и изменение размеров)
transition - это простейшая CSS3 анимация/переход, которую можно применить к любому свойству CSS
rgba в CSS3 - цвет + прозрачность одним свойством
border-radius - скругление углов
opacity - прозрачность
gradient - плавные переходы из одного цвета в другой