In english
Blog

Генератор объектов CSS3

Шаблоны
CSS
SASS
Все приставки
Скопировать hover в исходное состояние
Исходн.
Hover
Скопировать исходное состояние в hover
Общие параметры
Курсор
Ширина объекта
Высота объекта
Внутренний отступ
Padding сверху
Padding справа
Padding снизу
Padding слева
Ширина объекта
Единица ширины
Высота объекта
Единица высоты

Кайма

Стиль каймы
Ширина каймы
Единица ширины
Цвет каймы

Фон

Фон
Повторение
Прикрепление
позиция X
позиция Y
Ширина фона
Высота фона
Генератор градиента
О генераторе градиента
Непрозрачность
Положение
Цвет
Положение
Направление
линейн.
радиал.
Оттенок
Насыщенность
Яркость
Округление углов (border radius)
О генераторе округления углов
Радиус округления

Отдельно по углам

Левый верхний
Правый верхний
Правый нижний
Левый нижний
Текст (тень и общие)
Про генератор тени текста
Шрифт
Стиль шрифта
Размер шрифта
Единица размера
Цвет шрифта
Выравнивание

Тень текста

Цвет тени
Отступ слева (px)
Отступ справа (px)
Размытие (px)
Непрозрачность
Тень объекта (box shadow)
О генераторе тени объекта
Гор. отступ
Верт. отступ
Радиус размытия
Протяженность
Цвет тени
Непрозрачность
внутри
снаружи
Трансформация (transform)
О генеаторе трансформации

Что такое генератор трансформации?

Этот генератор создает код, который меняет геометрические свойства объекта средствами CSS3. Размер Х/Размер Y уменьшают или увеличивают объект горизонтально и вертикально соответсвенно. Смещение X и Смещение Y сдвигают объект на установленное количество пикселей. Наклон X и Наклон Y соответственно наклоняют объект по горизонтали и вертикали.

Заметка: чтобы настройки генератора работали обязательно отметьте галочку справа от названия генератора.

Совместимость с браузерами

Значение совместимость с Google Chome совместимость с Mozilla Firefox совместимость с Opera совместимость с Microsoft Internet Explorer совместимость с Safari совместимость с Yandex browser
transform 36.0+
4.0 -webkit-
16.0+
3.5 -moz-
23.0+
15.0 -webkit-
12.1+
10.5+ -o-
10.0+
9.0 -ms-
3.2+ -webkit- 1.5+
Масштаб X
Масштаб Y
Перемещ. X (px)
Перемещ. Y (px)
Наклон X
Наклон Y
Вращение
Переход (transition)
О генераторе переходов
Свойство
Длительность
Единица длит.
Функция
x

Шаблоны градиента

Шаблоны кнопок

Pink button
Yellow button
Glass button
Dark button
IPhone button
SIMPLE BUTTON
SIMPLE BUTTON
SIMPLE BUTTON
SIMPLE BUTTON
SIMPLE BUTTON