text-shadow
box-shadow
анимация CSS3
Сервис пригодится всем, кто периодически сталкивается с проблемой быстрого поиска подходящего решения для придания оригинального свойства заголовку, блоку с миниатюрами для галереи или картинкам в постах своего блога. Теперь, прежде чем взять готовый css-прием, может быть вы захотите добиться чего-то более интересного или стильного, поиграв с настройками онлайн сервиса Westciv.
Кроме text-shadow, box-shadow и анимации CSS3 вы сможете использовать и другие свойства, а shadow и анимацию я взял для наглядности.
На картинке видно, что слева расположена панель с ползунками настроек цвета бэкграунда и шрифта, размеры теней, расположение текста и прочее. Справа, вы сразу будите видеть результаты произведенных вами изменений. Под окном с результатами, одновременно будет формироваться CSS-код готовый для копирования и использования. А еще ниже, перечислены браузеры которые поддерживают всю эту магию. Обращайте на это внимание, потому что не все браузеры поддерживают некоторые нововведения CSS3.
За текст, вроде как можно быть спокойным. Стили обработки свойств текста поддерживают все известные браузеры. Хотя каждый по своему, поэтому код такой длинный, так как включает в себя и дублирует, некоторые свойства для правильного отображения в различных браузерах.