У меня есть относительно простой блок, который должен парить и расти, но по какой -то причине я не могу получить плавный переход или заставить его расти. Однако, нахаль работает нормально. < /P>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
body {
background-color: #222327;
}
.bounce-text {
color: #28ff55;
position: absolute;
transform: translate(-50%, 50%);
left: 50%;
top: 50%;
line-height: 0;
display: flex;
gap: 5px;
font-size: 3rem;
font-weight: bold;
justify-content: center;
}
.bounce-text span:hover {
transform: translate(0, -10px);
}
@keyframes bounce {
0%,
100% {
transform: translateY(0);
transform: scale(0);
}
50% {
transform: translateY(-15px);
transform: scale(5);
}
}
}
}< /code>
Stack overflow< /code>
< /div>
< /div>
< /code>
Подробнее здесь: https://stackoverflow.com/questions/797 ... -keyframes
