Skip to content

A compatibility shim for the long-dead blink tag.

License

Notifications You must be signed in to change notification settings

BeeeWall/blink-shim

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

What is it?

A compatibility shim for the long-dead blink tag. I wouldn't recommend actually using this, except for some sort of prank or something. It blinks text in the <blink> tag. It shows for 3/4 of a second, and disapears for 1/4, because that is what Wikiepedia says Firefox did.

Usage

The syntax is similar to any other text tag in HTML, but this one blinks!

...

<blink>This text blinks!</blink>
...

There are two ways to use it, not sure about performance differences: JavaScript:

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/PorygonZRocks/blink-shim@82cf663c/blink-shim.js"></script>
Or just include the sript inline (click to show).

<script type="text/javascript">
	setInterval(function(){ 
    	var blinkTags = document.getElementsByTagName('blink');
    	for (var i = 0; i < blinkTags.length; i++) {
        	blinkTags[i].style.visibility = "hidden";
    	}
		setTimeout(function(){
			for (var i = 0; i < blinkTags.length; i++) {
        		blinkTags[i].style.visibility = "visible";
    		}  
   		}, 250);
	}, 750);
</script>

CSS3:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/PorygonZRocks/blink-shim@5486ca43/blink-shim.css" />
Or include the style inline (click to show).

<style type="text/css">
	blink {
		animation-duration: 1s;
		animation-name: blinking;
		animation-iteration-count: infinite;
		animation-timing-function: steps(2, start);
	}
	@keyframes blinking {
		75% {
			visibility: hidden;
		}
	}
</style>

Demo (Github doesn't let me use scripts here).

About

A compatibility shim for the long-dead blink tag.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published