CSS Анимация отрабатывает и пропадает

231
08 апреля 2018, 22:42
.parent:hover
    .node
        display: block
        animation: hover_tech .3s ease-in-out

При ховере отрабатывает анимация, но сразу же, как только закончилась - пропадает ее результат

@keyframes hover_tech
0%
    box-shadow: 0 0 0 rgba(255, 205, 0, 0.5)
100%
    box-shadow: 0 10px 30px rgba(255, 205, 0, 0.5)

Как сделать так, чтобы она не пропадала. Я имею ввиду при том же ховере, когда уходит мышка - логично, что пропадет

Answer 1
animation: hover_tech .3s forwards

Перепутал с forward))

READ ALSO
Задать фон для каждого символа

Задать фон для каждого символа

Есть у меня,например, скриптовая надпись,которая отображает день недели(или же 2+ слов),и мне нужно,используя чистый css и зная название селектора...

262
Как убрать оранжевые рамки элемента [дубликат]

Как убрать оранжевые рамки элемента [дубликат]

На данный вопрос уже ответили:

232
Стилизация “волны” в кнопке при клике

Стилизация “волны” в кнопке при клике

Как создать эффект волны при клике на кнопку?

294
Как вставить onclick в echo

Как вставить onclick в echo

как сделать так, что бы onclick="$('#exampleModal1')arcticmodal()" работал в echo?

318