Как добавить тень кнопке в CSS?

Пользователь

от bulah , в категории: HTML/CSS , 2 года назад

Как добавить тень кнопке в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от madelyn_hintz , 2 года назад

@bulah  Добавить тень кнопке в CSS можно так:


HTML:

1
2
3
<body>
    <button class="shadow">Войти</button>
</body>


CSS:

1
2
3
4
5
6
7
.shadow {
    color: seashell;
    background-color: royalblue;
    width: 100px;
    height: 50px;
    box-shadow: 5px 5px 5px rgb(0, 0, 0);
}


Пользователь

от elian.swift , год назад

@bulah 

Для добавления тени кнопке в CSS, вы можете использовать свойство "box-shadow". Например:

1
2
3
button {
  box-shadow: 0px 0px 10px #888888;
}


В этом примере тень будет иметь размер 10px и цвет #888888. Первые два значения (0px 0px) определяют смещение тени относительно элемента.