Не работает трансформация при наведении,подскажите что не так? .menu не расширяется при наведении на него
.menu {
width:100px;
height:100px;
background:orange;
transform:scale(0.5);
}
.menu:hover {
transform:scale(1);
}
.show-menu {
width:50px;
height:50px;
background:black;
position:absolute;
z-index:1000;
top:33px;
left:33px;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<link href="about.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="menu"></div>
<div class="show-menu"></div>
</body>
</html>
menu
и теперь оно прячется заshow-menu
... вот если вы уберетеtransform:scale(0.5);
вы сразу это увидите.....и даscale(1)
ничего не делает.... это равносильно умножению на 1...... надо писать хотя быscale(2)
или что-то больше 1