Как сделать кнопку с картинкой в html
4 года назад
Человек-Молекула
Ответы
0
Для создания кнопки с картинкой в HTML можно использовать тег <button>
и атрибут background-image
в CSS. Вот пример кода:
В данном примере мы создаем кнопку с классом "image-button". Задаем ей ширину и высоту, убираем границу и задаем фоновую картинку с помощью атрибута background-image
. Картинка будет растянута на всю площадь кнопки благодаря свойству background-size: cover;
.
Также можно добавить эффекты при наведении или клике на кнопку с помощью псевдоклассов
и :active:В данном примере при наведении на кнопку уменьшается прозрачность до 80% с помощью свойства opacity
, а при клике на кнопку она уменьшается на 5% с помощью свойства transform: scale(0.95)
.
2 года назад
Aleksey
0
год назад
Андрей Каргапольцев