<!DOCTYPE html>
<html>
<head>
<title>Три Блока</title>
<link rel = "stylesheet" type = "text/css" href = "test.css">
</head>
<body>
<div class = "test_block block_1">
Блок 1
<div class = "test_block block_2">
Блок 2
<div class = "test_block block_3">
Блок 3
</div>
</div>
</div>
</body>
</html>.test_block {
width: 600px;
height: 200px;
font-size: 170px;
background-color: blue;
text-align: center;
}
.block_1:hover .block_2 {
display: block;
}
.block_2 {
display: none;
}
.block_2:hover .block_3 {
display: block;
}
.block_3 {
display: none;
}.card {
width: 100px;
height: 100px;
padding: 35px 61px 213px 61px;
background-color: #3C4070;
box-shadow: 0px 4px 54px rgba(0, 0, 0, 0.2);
border-radius: 7px;
position: relative;
margin-left: auto;
margin-right: auto;
}