The blink tag

🕓 Dec 24, 2018 ☕ 1 min read 🏷️ css

~kentbrew : blink tags for modern browsers

Missing your blink tags? Add this link to your HEAD:

<link rel="stylesheet" type="text/css" href="http://tilde.club/~kentbrew/blink.css">

… and then blink away!

Alternatively, add the following to your own stylesheet:

@-webkit-keyframes blinker {
  from { opacity: 1.0; } to { opacity: 0.0; }
}

blink {
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s;
}

@keyframes blinker {
  from { opacity: 1.0; } to { opacity: 0.0; }
}

blink {
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 1s;
}