Animar link com CSS3

[Kakaroto1309 0]

Galera fiz o seguinte tentando animar meu link:

 

Primeiro coloquei:

@keyframes link
{
	from:
	{
		font-family:Verdana;
		font-size:16px;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
		font-variant:small-caps;
	}
	
	to:
	{
		font-family:Verdana;
		font-size:22px;
		font-weight:bold;
		color:#99FFFF;
		text-decoration:none;
		font-variant:small-caps;
	}
}

Depois no link coloquei:

 

a.menu:link {
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	font-variant:small-caps;
}

a.menu:hover {
	animation:link 5s;
	-webkit-animation:link 5s;
}

Não funciona... alguém da uma ajuda pra entender isso?

[AlissonDesign 0]

a.menu:hover {
 animation:link 5s;
 -webkit-animation:link 5s; 
 -moz-animation:link 5s;
 -o-animation:link 5s;
 -ms-animation:link 5s;
}

tente assim e teste nos navegadores..

[samoelyeshua 15]

/* Suporte a Safari e Chrome */

@-webkit-keyframes