Animation CSS sur une image sans hover

Bonjour à tous,

mon problème :

je souhaite faire une petite image qui clignote à intervalle régulier en css3.

Pas de problème avec l'action hover, j'ai bien l'action avec une transition, mais lorsqu'il n'y a PAS de passage souris comment fait-on ?

Merci

HTML :
<a href="#" class="iconMABoff"><span class="iconMABblue"></span></a>

CSS :
.iconMABoff {
display:block;
width:45px;
height:38px;
background:url(../img/pictos.png) no-repeat scroll 1px -487px transparent;
}
.iconMABblue {
display:block;
width:45px;
height:38px;
background:url(../img/pictos.png) no-repeat scroll 1px -520px transparent;
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.5s;
opacity:1;
}
.iconMABblue:hover {
background:url(../img/pictos.png) no-repeat scroll 1px -520px transparent;
opacity:0;
}

Regardez du côté des animations css3.

(HS)
:hover
Votre site :

En effet animation plutôt que transitions simple

Ceci ressemble a ce que tu veut faire :
http://yidille.free.fr/plux/valign/?64-afficher-cacher-en-alternance-une-boite

Css dans le code source.

(prefixes gérés via le js de lea verou, http://www.alsacreations.com/web/lire/1381-prefix-free.html )

++

Merci à gc-nomade et Muchos pour votre aide, je zieute de suite
ps : Muchos je ne comprend pas le :

(HS)
:hover
Votre site :

Oh, c'est seulement votre question mise en relation avec la prestation de votre site qui me fait rire.
Une moquerie de débutant frustré, n'y faites pas attention...