CSS Blink for Webkit and others. (Chrome, Safari, Firefox (Gecko), IE, ...)

<!DOCTYPE html>
<html>
<head>
  <title>CSS Blink for Webkit and others</title>
	<link rel="stylesheet" href="blink.css" />
</head>
<body>
  <h2>CSS Blink for Webkit and others. </h2>
  Chrome, Safari, Firefox (Gecko), IE, ...
  <hr>
	<span class="blink">blink :)</span>
</body>
</html>

/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}