До появления CSS3 пользователям приходилось не просто. Они пытались реализовать задачи, которые стандартными способами сделать было невозможно. Например, закругленные уголки форм в CSS было невозможно до появления CSS3, который дал большое количество возможностей, которые раньше реализовать было очень сложно. Однако CSS3 код не одинаково корректно работает на разных браузерах. В этой статье мы рассмотрим CSS генераторы свойств для браузеров.
CSS генераторы свойств
CSS3 Generator. С помощью данного CSS генератора вы сможете сгенерировать код для некоторых свойств. Вам достаточно выбрать нужное свойство, после чего сервис автоматически сгенерирует код и укажет, в каких браузерах он будет отрабатываться, а в каких нет.
CSS3 Please. Данный инструмент представляет собой генератор правил CSS3. Понятный и продуманный интерфейс. Вы сможете сразу вносить свои параметры, которые находятся на экране. При генерации правил учитываются особенности каждого браузера.
CSS3 Click Chart. Данное решение представляет собой генератор всевозможных CSS правил в отличие от предыдущих сервисов.
BorderRadius. Генератор свойств границ, что можно понять из названия. В каждом углу блока находятся поля для ввода параметров. По середине окно в котором генерируется код.
CSS-Trick Button Maker. Данный CSS генератор создает свойства для кнопок, такие как закругления, градиенты, тени и т.д. Очень удобный интерфейс. Все необходимые свойства находятся в списке справа. Для настройки цветов предусмотрены колорпикеры. Результат вы можете наблюдать в форме слева. С помощью слайдеров можно настроить размер формы кнопки, ее масштаб и закругление. В ряд параметров кнопки входит цвет фона и текста, при наведении на кнопку мышки. Когда все необходимые настройки осуществлены, нажмите на кнопку, после чего откроется окошко со сгенерированным кодом.
CSS3 Gradient Generator. Генератор градиента. Настраиваете нужный параметр, после чего генерируется код.
CSS3 SandBox. Развивающийся сервис, в котором пока доступна генерация таких параметров, как градиент, тень и трансформация. Пока что функционал невелик, однако в дальнейшем разработчики обещают расширить его, добавив больше свойств.
Вам полезно будет также узнать про основы CSS.