ИЗ
Иван Захаров
как сделать светофор в HTML
что бы при наведении на квадрат он менял цвет а когда убираешь курсор с квадрата он становился прежним
что бы при наведении на квадрат он менял цвет а когда убираешь курсор с квадрата он становился прежним
светофор
.circle {
width:20px;
margin:20px;
padding:20px;
border:solid 1px #0a325f;
font-size:20px;
border-radius: 50px;
}
#green {
background-color:#00ff00;
box-shadow: 0 0 25px #32cd32;
}
#yellow {
background-color:#ffff00;
box-shadow: 0 0 25px #ffd700;
}
#red {
background-color:#ff0000;
box-shadow: 0 0 25px #ff1493;
}
В IE8 и ранних версиях работать не будет
свойство hover в css
А чтобы работал и в ie (он hover применяет только к ссылкам) , нужно цветные дивы заменить на
И задать им display:block;