Skip to content

Instantly share code, notes, and snippets.

@EdPoole
Created April 30, 2013 19:36
Show Gist options
  • Save EdPoole/5491310 to your computer and use it in GitHub Desktop.
Save EdPoole/5491310 to your computer and use it in GitHub Desktop.
@mixin animation-delay($time) {
-webkit-animation-delay: $time;
-moz-animation-delay: $time;
-o-animation-delay: $time;
animation-delay: $time;
}
@-webkit-keyframes pulsating {
0% { -webkit-transform: scale(1) }
100% { -webkit-transform: scale(0) }
}
.pulsating {
width: 20px;
height: 20px;
background: black;
-webkit-animation: pulsating 1s infinite ease-out;
&.one { @include animation-delay(100ms); }
&.two { @include animation-delay(200ms); }
&.three { @include animation-delay(300ms); }
&.four { @include animation-delay(400ms); }
&.five { @include animation-delay(500ms); }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment