Effet brillance automatiquement avec les css

Je suis en train de le faire briller à l'effet de faire fonctionner automatiquement (sans le a: hover), toutes les 5 secondes.

http://jsfiddle.net/AntonTrollback/nqQc7/ 

.icon:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

.icon:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}
vérifier stackoverflow.com/questions/23458640/...
Pouvez-vous dire ce qui va mal? Beaucoup de gens pourraient ne pas être disposés à cliquer sur le lien, qui est sans doute le problème en évidence, parce qu'il peut aller n'importe où.
Je suis en train de faire l'effet brillant de travail automatiquement toutes les X secondes, mais maintenant, cet effet n'travail avec :hover. @GrahamAsher
L'utilisation de l'animation au lieu de transition.

OriginalL'auteur Anderson | 2015-12-04

  1. 9

    Vous pouvez créer les animations CSS comme ceci DÉMO

     @keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}
    Ou quelque chose comme ceci jsfiddle.net/nqQc7/511
    A bien fonctionné. tks!
    êtes-vous sûr, je viens de recevoir ce que vous voulez l'exécuter toutes les 5 sec, mais ce n'est pas ça. J'ai l'aurez bientôt.
    Savez-vous comment puis-je désactiver cette transition?
    Oui. Je suis sûr que cela m'aide.

    OriginalL'auteur Nenad Vracar