In english

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

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

Кайма

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

Фон

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

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

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

Тень текста

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

Warning: Cannot modify header information - headers already sent by (output started at /nfs/c08/h03/mnt/118020/domains/csstool.net/html/index.php:139) in /nfs/c08/h03/mnt/118020/domains/csstool.net/html/includes/transition.php on line 2

Что такое генератор переходов?

Этот устанавливает анимацию при смене состояния объекта и его свойств (например при наведении мыши). Значение "Свойство" позволяет выбирать к каким свойствам будет применяться анимация. Длительность вместе с единицей длительности позволяет указывать как долго должна проигрываться анимация. И значение "Функция" задает как должна проигрываться анимация.

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

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

Значение совместимость с Google Chome совместимость с Mozilla Firefox совместимость с Opera совместимость с Microsoft Internet Explorer совместимость с Safari совместимость с Yandex browser
transition 26.0+
4.0+ -webkit-
16.0+
4.0+ -moz-
12.1+
10.5+ -o-
10.0 6.1+
3.1+ -webkit-
1.5+
Свойство
Длительность
Единица длит.
Функция
x

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

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

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