CSS3 Generator - это небольшой онлайн-сервис, предназначенный для создания и настройки CSS3-стилей в визуальном режиме. Забавно, но реализован сервис ... в виде флеш-приложения :-)
Данный генератор кода поддерживает работу со следующими возможностями CSS3:
- Border Radius (создание блоков с закруглёнными углами);
- Gradient (градиентная заливка);
- CSS Transform;
- Box Shadow (тень);
- Text Shadow (тень для текста);
- RGBA (настройка цвета);
- CSS Transition (анимированные переходы);
- Text Rotation (вращение текста);
- Outline (расширенная настройка линий обводки);
- Multiple Columns (разбиение текста на колонки);
Генератор имеет окно предпросмотра (правда, оно маленькое и не очень удобное). Готовый код выводится в специальное текстовое поле. Вы можете этот код скопировать и применить его в своём проекте.
Я тоже поигрался с настройками генератора и за пару минут собрал вот такую демонстрацию. Естественно, что работать это будет только в современных браузерах (подробнее о поддержке CSS3 браузерами смотри на сервисе, описанном в предыдущем посте «Справка по возможностям браузеров»).
Конечно, CSS3 Generator уступает такому мощному инструменту, как Adobe Edge, но зато CSS3 Generator бесплатный и компактный. А это довольно сильные аргументы в его пользу.