Генератор кнопок CSS

Состояние кнопки

Нормальное
При наведении
Нажатая

Текст на кнопке
1. Текст на кнопке:
Шрифт кнопки
1. Название:
2. Цвет:
3. Размер:
  0
  50 px
  18 px
  px
Тень текста
1. Цвет:
2. Смещение тени текста по осям
  
  По оси X:
  −20
  20 px
  0 px
  px
3. По оси:
  −20
  20 px
  0 px
  px
4. Размытие:
  0
  20 px
  0 px
  px
Отступы от края кнопки до текста
1. От левого и правого краев:
  0
  100 px
  32 px
  px
2. От верхнего и нижнего краев:
  0
  100 px
  11 px
  px
Граница кнопки
1. Толщина:
  0
  50 px
  1 px
  px
2. Тип:
3. Цвет границы:
4. Скругление углов:
  0
  50 px
  4 px
  px
Цвет фона кнопки
1. Цвет: >
Внутреняя тень кнопки
1. Цвет:
2. Смещение тени по осям
  
  По оси x:
  −20
  20 px
  0 px
  px
3. По оси y:
  −20
  20 px
  0 px
  px
4. Размытие:
  −20
  20 px
  1 px
  px
Наружняя тень кнопки
1. Цвет:
2. Смещение тени по осям
  
  По оси x :
  −20
  20 px
  0 px
  px
3. По оси y :
  −20
  20 px
  0 px
  px
4. Размытие :
  −20
  20 px
  2 px
  px
Непрозрачность кнопки
1. Уровень:
  0
  100 px
  100 px
  px
Переходы при наведении
1. Тип:
2. Функция:
3. Продолжительность:
  0,00
  1,00 s
  0,00 s
  s

На главную блога | Назад к статье | Web Hosting