Skip to content

Instantly share code, notes, and snippets.

@omarstreak
Created November 15, 2012 01:50
Show Gist options
  • Save omarstreak/4076146 to your computer and use it in GitHub Desktop.
Save omarstreak/4076146 to your computer and use it in GitHub Desktop.
/* animation for even number of compose windows */
@-webkit-keyframes streakComposeTriggerEven {
from { clip: rect(1px, auto, auto, auto); }
to { clip: rect(0px, auto, auto, auto); }
}
.streakGmailComposeChildren:first-child:nth-last-child(2n) {
-webkit-animation-duration: 0.001s;
-webkit-animation-name: streakComposeTriggerEven;
}
/* animation for odd number of compose windows */
@-webkit-keyframes streakComposeTriggerOdd {
from { clip: rect(0px, auto, auto, auto); }
to { clip: rect(1px, auto, auto, auto); }
}
.streakGmailComposeChildren:first-child:nth-last-child(2n+1) {
-webkit-animation-duration: 0.001s;
-webkit-animation-name: streakComposeTriggerOdd;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment