Я не могу создать анимацию [закрыто] ⇐ CSS

[Anonymous]

Я выполнял задание для клиента по Minecraft, и когда я пытался выполнить часть css, мне не дали мою коробку для создания анимации. Вот тестовый код, так как я не могу отправить фактический код для соображения конфиденциальности

Код: Выделить всё

test





body {
background-color: rgb(22, 22, 22);
}

.text {
color: rgb(255, 211, 211);
font-size: 36px;
text-align: center;
font-family: Arial, sans-serif;
}

.desc {
color: azure;
text-align: center;
font-size: 20px;
}

.text2 {
color: honeydew;
text-align: center;
font-size: 20px;
}

.titolo {
color: white;
font-size: 25px;
text-align: center;
}

.text3 {
color: azure;
text-align: center;
font-size: 20px;
}

@keyframes Fadeout {
from {
transform: translateY(-100px);
color: transparent;
animation-delay: 0.5s;
}
to {
transform: translateY(0);
}
}

.box {
position: absolute;
width: 50%;
height: 150%;
color: rgb(157, 60, 60);
top: 50px;
left: 50%;
}

.box:hover {
animation-name: Fadeout;
animation-duration: 1s;
animation-delay: 1.5s;
animation-iteration-count: 1;
}

Я ожидал, что блок исчезнет навсегда, когда я навел на него курсор, но он даже не показал поле

Подробнее здесь: https://stackoverflow.com/questions/791 ... -animation