In english
Blog

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

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

Кайма

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

Фон

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

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

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

Тень текста

Цвет тени
Отступ слева (px)
Отступ справа (px)
Размытие (px)
Непрозрачность
Тень объекта (box shadow)
О генераторе тени объекта

Что такое генератор тени объекта в CSS3?

Этот инструмент позволяет создавать тень за или внутри объекта при помощи CSS3. Чтобы создать код тени просто установите желаемый горизонтальный и вертикальный отступ, радиус размытости, радиус распространения, цвет и непрозрачность тени и переключателем выберите внешнюю или внутреннюю тень.

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

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

Значение совместимость с Google Chome совместимость с Mozilla Firefox совместимость с Opera совместимость с Microsoft Internet Explorer совместимость с Safari совместимость с Yandex browser
box-shadow 10.0+
4.0+ -webkit-
4.0+
3.5+ -moz-
10.5+ 9.0+ 5.1+
3.1+ -webkit-
1.5+
Гор. отступ
Верт. отступ
Радиус размытия
Протяженность
Цвет тени
Непрозрачность
внутри
снаружи
Трансформация (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