| /* 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; | |
| } |
Chrome, Safari, Firefox (Gecko), IE, ...
http://embed.plnkr.co/wEu87hHwAGETkHqctWFb
<!DOCTYPE html>
<html>
<head>
<title>CSS Blink for Webkit and others.</title>
<link rel="stylesheet" href="blink.css" />
</head>
<body>
<span class="blink">blink :)</span>
</body>
</html>