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 бесплатный и компактный. А это довольно сильные аргументы в его пользу.