Игра с CSS3 — это весело, но помня все эти экспериментальные свойства с префиксами их поставщиков, и какой браузер поддерживает, какое свойство является настоящим обломом. Но не бойтесь, генераторы кода CSS3 имеют это. Недавно я нашел три полезных.
CSS Border Radius делает именно то, что написано на этикетке; это быстрый способ получить код для свойства border-radius для браузеров на основе Mozilla и WebKit, а также стандартный синтаксис CSS3. Введите значение радиуса, и все готово. Аналогично, CSS3 Gradient Generator делает то же самое для генерации градиентного кода. Имеет удобный виджет формы для выбора цветов.
CSS3, пожалуйста! имеет забавный интерфейс; он представляет вам образец таблицы стилей, где все значения доступны для редактирования. Он охватывает шесть свойств, которые все имеют некоторую поддержку от современных браузеров, но также отображает соответствующие альтернативы IE, использующие свойство проприетарного filter , а также версию -ms-filter для IE8.
Роб Эллисон прислал мне ссылку на сайт Генератора CSS3 . Генератор CSS3 поддерживает девять свойств и предоставляет каждому индивидуальную форму, настроенную для требований каждого свойства. Также отображаются значки браузера для браузеров, которые поддерживают свойство, и номер версии, с которой начинается поддержка свойства. В отличие от CSS3, пожалуйста !, однако, он покажет поддержку IE, только если поддерживается свойство CSS3.
Westciv , создатели Style Master, имеют набор инструментов для генерации кода CSS3 в своей песочнице CSS, включая инструмент для линейных градиентов , радиальных градиентов , теней текста, теней блоков , обводки текста и преобразований . Каждый генератор имеет удобный интерфейс формы, предварительный просмотр и информацию о поддержке браузера.
Итак, иди и получай удовольствие!