index.html
dosyası.<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS HOVER</title>
<link rel="stylesheet" href='index.css'>
</head>
<body>
<div id="main_div">
<div id="in_div"></div>
</div>
</body>
</html>
index.css
dosyası.#main_div{
width: 150px;
height: 150px;
background-color: #444;
transition: background-color 0.3s;
}
#in_div{
width: 50px;
height: 50px;
margin: auto;
border: 2px solid #fff;
}
#main_div:hover{
background-color: green;
}
#in_div:hover {
background-color: yellow;
}
#in_div:hover ~ #main_div {
background-color: yellow;
}
Bu sitenin çalışmasını sağlamak için gerekli çerezleri ve deneyiminizi iyileştirmek için isteğe bağlı çerezleri kullanıyoruz.