@AlexeyArnaut

Как сделать плавное скрытие элемента после @keyframes?

Всем привет! Есть @keyframes для плавного появления при hover нескольких элементов с задержкой, но исчезает не плавно, как это можно исправить?
.images {

  &:hover {
    img {

    &:nth-child(1) {
        animation: show 0.5s forwards 1s;
    }

    &:nth-child(2) {
        animation: show 0.5s forwards 0.5s;
    }

    &:nth-child(3) {
        animation: show 0.5s forwards 1s;
    }

    &:nth-child(4) {
        animation: show 0.5s forwards 0.5s;
    }

    &:nth-child(5) {
        animation: show 0.5s forwards;
    }

    &:nth-child(6) {
        animation: show 0.5s forwards;
    }
}
  }
}

@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
  • Вопрос задан
  • 30 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы