Skip to content

A Web Component that brings back the nostalgia of the blink tag.

License

Notifications You must be signed in to change notification settings

japel/make-it-blink

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

make-it-blink

NPM

A Web Component that brings back the nostalgia of the blink tag.

Blinking

You can bring back the blink tag using this web component:

<script src='https://unpkg.com/[email protected]/dist/blinker.min.js'></script>

...

<make-it-blink>Blink This!</make-it-blink>

It supports three attributes:

duration

Description: A CSS Animation String Default: "1s"

<script src='https://unpkg.com/[email protected]/dist/blinker.min.js'></script>

...

<make-it-blink duration="250ms">Blink This!</make-it-blink>

repeats

Description: Number of blinks Default: "infinite"

<script src='https://unpkg.com/[email protected]/dist/blinker.min.js'></script>

...

<make-it-blink repeats="25">Blink This!</make-it-blink>

timer

Description: Timing Function Default: "step-end"

<script src='https://unpkg.com/[email protected]/dist/blinker.min.js'></script>

...

<make-it-blink timer="linear">Blink This!</make-it-blink>

Help me bring the blink tag back!*

  • I am not reponsible if you actually use this in production. This is satire.

About

A Web Component that brings back the nostalgia of the blink tag.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 37.7%
  • Vue 32.9%
  • HTML 27.5%
  • PowerShell 1.9%