Skip to content

Instantly share code, notes, and snippets.

@ghooghe
Created September 23, 2013 14:10
Show Gist options
  • Select an option

  • Save ghooghe/6670952 to your computer and use it in GitHub Desktop.

Select an option

Save ghooghe/6670952 to your computer and use it in GitHub Desktop.
flash highlight with css3 animation IE10+
.flash {
-moz-animation: flash 2s ease-out;
-moz-animation-iteration-count: 1;
-webkit-animation: flash 2s ease-out;
-webkit-animation-iteration-count: 1;
-ms-animation: flash 2s ease-out;
-ms-animation-iteration-count: 1;
animation: flash 2s ease-out;
animation-iteration-count: 1;
}
@-webkit-keyframes flash {
0% {
background-color: none;
}
30% {
background-color: #ffff00;
}
100% {
background-color: none;
}
}
@-moz-keyframes flash {
0% {
background-color: none;
}
30% {
background-color: #ffff00;
}
100% {
background-color: none;
}
}
@-ms-keyframes flash {
0% {
background-color: none;
}
30% {
background-color: #ffff00;
}
100% {
background-color: none;
}
}
@AndriLaksono
Copy link

thanks bro :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment