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

[Donovant]

Questo è il mio 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]

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]

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