установить css кнопки как полутень - PullRequest
0 голосов
/ 15 апреля 2020

Мне нужно установить css кнопки, как этот веб-сайт https://www.bilboel.dk/

Вы можете увидеть кнопку «Читать далее» с темным цветом и полутенью

Пожалуйста, посмотрите это изображение

image

Я пытаюсь сделать это с приведенным ниже кодом, но безуспешно:

.rmbutton {
color: #ffffff !important;
background: #504d62 !important;
position: relative;
overflow: hidden;
padding: 13px 35px;
text-transform: uppercase;
display: inline-block;
font-size: 14px;

    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
text-align: center;
font-weight: bold;
}

, но не работает

1 Ответ

1 голос
/ 15 апреля 2020

Простой фон, Вы должны возиться со значениями по своему вкусу.

button {
  color: white;
  padding: 40px 80px;
  background: linear-gradient(100deg, red 25%, blue 26%);
}
<button>Don't click me</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...