Autor Zpráva
Jack45
Profil *
Zdravím,

po onclicku přiřazením class k elementu chci spustit CSS animaci. Obsah elementu mi zezelená, ale animace se neprovede. V čem může být problém? Už se s tím trápím hodiny na Googlu. :(
.play {
display: inline-block;
color: green;
animation: playaction 3s ease
}
@keyframes playaction {
0% { transform: scale(1) }
50% { transform: scale(0.5) }
100% { transform: scale(1) }
}
Stroganov
Profil *
Možno by pomohol kompletný kód aj s HTML a javascriptom. Konzola mlčí?
Jack45
Profil *
Stroganov:
Vyřešeno. Dotčený element má ve stylopisu před uvedenou třídou ještě ID s animací ihned po načtení stránky. A protože třída nemá takovou váhu jako ID, musel jsem deklaraci animace dodat následující
animation: playaction 3s ease !important
Zmátl mě ten vykonaný color:green.
juriad
Profil
„Nikdy není tak zle, aby bylo !important” - to platilo před 13 lety a platí to i dnes. Zkus vymyslet lepší řešení.
Jack45
Profil *
juriad:
Děkuji za tip!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0