Делимся шаблонами для веб интерфейса.
Код: Выделить всё
.buttonX {
width: 100px;
height: 35px;
border: solid 2px rgba(255, 255, 255, 0.4);
border-radius: 5px;
margin: 4px;
font-size: 1.2rem;
font-weight: 500;
color: white;
-webkit-box-shadow: 0px 3px 4px grey;
box-shadow: 0px 3px 4px grey;
}
.buttonX:hover {
opacity: .8;
}
.buttonX:active {
-webkit-box-shadow: inset 2px 2px 3px black;
box-shadow: inset 2px 2px 3px black;
}
Код: Выделить всё
<script>
setInterval(function(){
document.querySelector('.buttonX').style.backgroundColor = document.querySelector('.colorX').style.backgroundColor
},300);
</script>
Не могу сообразить если надо несколько кнопок сделать? Надо в HTML код внести изменения. Может пример выложите с двумя кнопками???DrScorpion86 писал(а): ↑22.12.2021{, 16:38}Вот вам кнопка меняющая цвет по состоянию(on/off). Цвета можно выбрать любые.
Помочь смогу только после праздников.zhulen820 писал(а): ↑01.01.2022{, 23:53}Не могу сообразить если надо несколько кнопок сделать? Надо в HTML код внести изменения. Может пример выложите с двумя кнопками???DrScorpion86 писал(а): ↑22.12.2021{, 16:38}Вот вам кнопка меняющая цвет по состоянию(on/off). Цвета можно выбрать любые.
DrScorpion86 писал(а): ↑02.01.2022{, 20:30}Для второй кнопки ставите стиль buttonX2, а для цветовой стиль colorX2
Тут я сильно не помогу, сын делал и сказал , что тут руки связаны . С каждым объектом создается отдельный DIV.
Можно,там вариант есть несколько DIV в один засунуть и уже отдельно управлять, сын начал, но особой прыти нет в этом ковыряться), голжу хожу, надоедаю))