Визуальные генераторы CSS
http://css3generator.com/
Генератор, написанный Randy Jensen, для создания и настройки базовых эффектов с использованием возможностей CSS3. Создает кросс-браузерный код с использованием как стандартных свойств, так и свойств, специфичных для конкретных браузеров, а так же дает подсказку по совместимости с устаревшими версиями браузеров.
- закругленные углы для блоков (
border-radius) - тень, отбрасываемая блоками (
box-shadow) - тень, отбрасываемая текстом (
text-shadow) - полупрозрачная цвет текста или фоновой заливки ([[rgba()]])
- многоколоночный текст (
column-count,column-gap) - возможность изменения размеров элемента пользователями (
resize) - режим расчета размеров блоков (
box-sizing) - окантовка для блоков (
outline) - анимационные переходы (
transition) - трансформации блоков - поворот, масштабирование, сдвиг и смещение ([[transform]])
http://www.colorzilla.com/gradient-editor/
Генератор градиентов, написанный Alex Sirota (iosart) от ColorZilla. Дает возможность создавать сложные, многоступенчатые градиенты с использованием удобного интерфейса, аналогичного используемых в программах профессионального редактирования изображения, таких как PhotoShop. Создает кросс-браузерный код с использованием как стандартных свойств, так и свойств, специфичных для конкретных браузеров, есть возможность создание как css, так и scss разметки.
http://css3button.net/
Генератор кнопок, написанный Seiji Uchiyama. Дает возможность создавать красивые кнопки только с использованием css3 эффектов. Есть возможность создания 5-и ступенчатого градиента для фона кнопки, стиля для рамки кнопки, включая толщину, цвет и радиус закругления углов блока, а так де эффекты тени как для самого блока, так и для текста кнопки. Создает кросс-браузерный код с использованием как стандартных свойств, так и свойств, специфичных для конкретных браузеров.
http://css3gen.com/
http://layerstyles.org/
http://border-image.com/
http://css3pie.com/
http://matthewlein.com/ceaser/
http://www.fontsquirrel.com/fontface/generator/