Skip to content

Instantly share code, notes, and snippets.

@yetithefoot
Created November 15, 2013 16:54
Show Gist options
  • Save yetithefoot/7487650 to your computer and use it in GitHub Desktop.
Save yetithefoot/7487650 to your computer and use it in GitHub Desktop.
Css blinking style. Just add this class to element you want to blink.
.blinking {
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment