In english
Blog

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

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

Кайма

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

Фон

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

Что такое генератор округленных углов?

Это приложение позволяет делать углы объекта округленными при посредством CSS3 (border-radius). Тут вам предоставлены 5 тектсовых полей. Первое - для изменения радиса округления всех углов одновременно и еще 4 поля для каждого угла по отдельности. Вы можете менять значения этих числовых полей нажав на это поле и вводя значения при помощи клавиатуры или просто нажмите на левую кнопку мыши и тяните это поле вверх и вниз.

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

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

Значение совместимость с Google Chome совместимость с Mozilla Firefox совместимость с Opera совместимость с Microsoft Internet Explorer совместимость с Safari совместимость с Yandex browser
border-radius 5.0+
4.0 -webkit-
4.0+
3.0 -moz-
10.5+ 9.0+ 5.0+
3.1 -webkit-
1.5+
Радиус округления

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

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

Тень текста

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