Animazioni - perchè torna nel suo stato iniziale???

Donovant

Utente Attivo
24 Giu 2010
49
0
0
Questo è il mio codice
Codice:
@-webkit-keyframes input_text_border_inset{ 
	from{ 
		box-shadow:inset 0px 0px 0px 0px #000;
		
	}to{ 
		box-shadow:inset 0px 0px 3px 0px #000;
		
	} 
}

#i_cerca:hover{ 
    -webkit-animation: input_text_border_inset 0.3s;

	
}
Il problema è che una volta effettuata la transizione/animazione il box-shadow ritorna alle proprietà iniziali.
 

Donovant

Utente Attivo
24 Giu 2010
49
0
0
RISOLTO:
Il problema sembra essere dovuto dal fatto che nella clausola "animation:" (shorthand), vanno inseriti tutti i valori dei parametri che tale clausola supporta, quindi:
"animation: input_text_border_inset 0.3s linear 0s 1 normal both;"

ovviamente i prefissi -webkit-, -moz- e -o-
 

Donovant

Utente Attivo
24 Giu 2010
49
0
0
RISOLTO:
Il problema sembra essere dovuto dal fatto che nella clausola "animation:" (shorthand), vanno inseriti tutti i valori dei parametri che tale clausola supporta, quindi:
"animation: input_text_border_inset 0.3s linear 0s 1 normal both;"

ovviamente i prefissi -webkit-, -moz- e -o-
Per essere più precisi il problema lo dava questa la proprietà "fill-mode"
animatio-fill-mode-property