August 7, 2013 will

Resurrecting the blink tag

After today's news that the <blink> tag will be deprecated in Firefox, I decided to re-implement it in html5 / CSS3 (no Javascript required). Now it's all modern again, you are free to use <blink> liberally in your web application.

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
blink
{
animation:blink 1s;
animation-iteration-count: infinite;
-webkit-animation:blink 1s;
-webkit-animation-iteration-count: infinite;
}
@keyframes blink
{
0%{opacity:0.0;}
50%{opacity:0.0;}
50.01%{opacity:1.0;}
100%{opacity:1.0;}
}
@-webkit-keyframes blink
{
0%{opacity:0.0;}
50%{opacity:0.0;}
50.01%{opacity:1.0;}
100%{opacity:1.0;}
}
</style>
</head>
<body>

The <blink>Blink Tag</blink>, re-implemented!

</body>
</html>

Be sure to give attribution for the above code, so your users will know where to go to thank me…

Edit: Just to demonstrate that it works!

Inspect the code if you don't believe me...

Use Markdown for formatting
*Italic* **Bold** `inline code`

Links to [Google](http://www.google.com)

> This is a quote
>

```python
import this
```
your comment will be previewed here
gravatar
nonono 2 years ago
The blink tag?

You are made out of used motor oil and evil.