Skip to content

Instantly share code, notes, and snippets.

@Chrisso
Created December 26, 2012 08:56
Show Gist options
  • Save Chrisso/4378970 to your computer and use it in GitHub Desktop.
Save Chrisso/4378970 to your computer and use it in GitHub Desktop.
/* Additional animation classes to be combined with other classes */
/* Works in browsers that support CSS3 Animations which includes all */
/* major browsers except MS Internet Explorer. */
/* CS, created 24-Sep-2012, Mozilla Firefox 15 */
/* CSS Animations */
@keyframes blinker
{
from { opacity : 1.0; }
50% { opacity: 0.0; }
to { opacity: 1.0; }
}
@-moz-keyframes blinker
{
from { opacity : 1.0; }
50% { opacity: 0.0; }
to { opacity: 1.0; }
}
@-webkit-keyframes blinker
{
from { opacity : 1.0; }
50% { opacity: 0.0; }
to { opacity: 1.0; }
}
@-ms-keyframes blinker
{
from { opacity : 1.0; }
50% { opacity: 0.0; }
to { opacity: 1.0; }
}
.blink
{
animation: blinker 2s infinite;
-moz-animation: blinker 2s infinite;
-webkit-animation: blinker 2s infinite;
-ms-animation: blinker 2s infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment