Creative Button

Basic

Creative

Solid

Закрыть

Нормальное состояние

px

Arial

Courier New

Georgia

Impact

Roboto

Times New Roman

Verdana

Закрыть

При наведении

px

Arial

При нажатии кнопки

px

Arial

Button caption

Диалог цвета

Кнопка

Текст

R: G: B: A:

Слои объекта

1

Hexa: Стоп:

2

Hexa: Стоп:

Радиальный градиент

Линейный градиент

Градус:

15

CSS

Копировать

1

background: linear-gradient(167deg, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);

Цвет

Слои

Градиент

Свойства тени

Тень по X

Тень по Y

Радиус размытия

Размер тени

Цвет тени

R: G: B: A:

Нет

CSS

Копировать

1

box-shadow: 0px 0px 0px 3px #3dc21b;

Тень по X

Тень по Y

Радиус размытия

Цвет тени

R: G: B: A:

Нет

CSS

Копировать

1

text-shadow: 0px 1px 0px #2f6627;

Кнопка

Текст

Настройки границы

Размер

Скругление

Отступ слева

Отступ справа

Отступ сверху

Отступ снизу

Цвет тени

R: G: B: A:

Сплошная

CSS

Копировать

border: 0px solid rgba(255, 255, 255, 0.0); border-radius: 0px; padding: 5px 5px 10px 10px;

Код кнопки

CSS
HTML
Копировать
1.CreativeButton {
                        background-color: rgb(0,0,0);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1)
                        100%);
                        }
1<div class="CreativeButton">Button Caption</div>