In english
Blog

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

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

Кайма

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

Фон

Фон
Повторение
Прикрепление
позиция X
позиция Y
Ширина фона
Высота фона
Генератор градиента
О генераторе градиента

Что такое генератор CSS3 градиента?

Это набор инструментов, который позволяет создавать фон в виде градиента цветов для определенного объекта при помощи средств CSS3. Просто выберите желаемый шаблон нажав на кнопку "Шаблоны" или установите собественный: нажмите на линию предварительного просмотра градиента чтобы создать кнопку остановки цвета или непрозрачности. Ползунки сверху и снизу подключены к активной кнопке-остановке. Каждая кнопка-остановка вместе с ползунками и текстовыми полями относятся к активной кнопке-остановке непрозрачности, а те что снизу к активной кнопке-остановке цвета.

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

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

Значение Google Chome compatibility Mozilla Firefox compatibility Opera compatibility Microsoft Internet Explorer compatibility Safari compatibility Yandex browser compatibility
linear-gradient, radial-gradient 26.0+
10.0+ -webkit-
16.0+
3.6+ -moz-
12.1+
11.1+ -o-
10.0+ 6.1+
5.1+ -webkit-
14.10+
Непрозрачность
Положение
Цвет
Положение
Направление
линейн.
радиал.
Оттенок
Насыщенность
Яркость
Округление углов (border radius)
О генераторе округления углов
Радиус округления

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

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

Тень текста

Цвет тени
Отступ слева (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