.my-button {
--bs-btn-color: ...;
--bs-btn-bg: ...;
--bs-btn-border-color: ...;
--bs-btn-hover-color: ...;
--bs-btn-hover-bg: ...;
--bs-btn-hover-border-color: ...;
--bs-btn-focus-shadow-rgb: ...;
--bs-btn-active-color: ...;
--bs-btn-active-bg: ...;
--bs-btn-active-border-color: ...;
--bs-btn-active-shadow: ...;
--bs-btn-disabled-color: ...;
--bs-btn-disabled-bg: ...;
--bs-btn-disabled-border-color: ...;
}
<button class="btn my-button">
</button>
div {
display: flex;
align-items: center;
}
но картинка меняется только при наведении на другую картинку
img.img11:hover
Напиши конкретно что сделать нужно, я новичок в этом, ну или пример какой может
button {}
[type="button"] {}
.SIZE_5 {}
button[type="button"] {}
button.SIZE_5 {}