animation

by ginpei

HTML

<p><a href="http://ginpen.com/">Ginpen.com</a></p>

CSS

a {
  -ms-animation: blink 1s infinite;
  -moz-animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
  animation: blink 1s infinite;
}
@-ms-keyframes blink {
      0% { opacity:1 }
    100% { opacity:.5 }
}
@-moz-keyframes blink {
      0% { opacity:1 }
    100% { opacity:.5 }
}
@-webkit-keyframes blink {
      0% { opacity:1 }
    100% { opacity:.5 }
}
@keyframes blink {
      0% { opacity:1 }
    100% { opacity:.5 }
}

JavaScript

document.getElementsByTagName('a')[0]
.setAttribute('href', 'http://ginpen.com/?'+Date.now());