Главная » Статьи » Сервисы » Вэб Дизайн

Онлайн сервис изменения свойств text-shadow, box-shadow и анимация при помощи CSS




text-shadow

box-shadow

анимация CSS3

Сервис пригодится всем, кто периодически сталкивается с проблемой быстрого поиска подходящего решения для придания оригинального свойства заголовку, блоку с миниатюрами для галереи или картинкам в постах своего блога. Теперь, прежде чем взять готовый css-прием, может быть вы захотите добиться чего-то более интересного или стильного, поиграв с настройками онлайн сервиса Westciv.

Кроме text-shadow, box-shadow и анимации CSS3 вы сможете использовать и другие свойства, а shadow и анимацию я взял для наглядности.

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

За текст, вроде как можно быть спокойным. Стили обработки свойств текста поддерживают все известные браузеры. Хотя каждый по своему, поэтому код такой длинный, так как включает в себя и дублирует, некоторые свойства для правильного отображения в различных браузерах.


Дата: | Категория: Вэб Дизайн Просмотров: 1628 | Теги: text-shadow, box-shadow, анимация CSS3, онлайн сервис вэб дизайнера

Готовые и простые решения для быстрого создания сайта для заработка

Статьи по теме:
Онлайн сервис изменения свойств text-shadow, box-shadow и анимация при помощи CSS

  • Статьи по теме:
    Онлайн сервис изменения свойств text-shadow, box-shadow и анимация при помощи CSS