Skip to content

Instantly share code, notes, and snippets.

@SimplGy

SimplGy/animationPlay

Last active December 18, 2015 08:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save SimplGy/5751159 to your computer and use it in GitHub Desktop.
Save SimplGy/5751159 to your computer and use it in GitHub Desktop.
Download ZIP
SASS Animation Play
Raw
animationPlay
$colorGood: lawngreen
.circle
background: $colorGood
.circle.yay
+animation( blammo .5s )
+keyframes(blammo)
0%, 100%
+transform( scale(1) )
box-shadow: 0 0 0 0 transparent
10%, 80%
box-shadow: 0 0 0 $size transparentize($colorGood,.9), 0 0 0 $size transparent
20%, 60%
box-shadow: 0 0 0 $size transparentize($colorGood,.8), 0 0 0 $size * 2 transparentize($colorGood,.9), 0 0 0 $size * 2 transparent
30%
+transform( scale(1.05) )
box-shadow: 0 0 0 $size transparentize($colorGood,.7), 0 0 0 $size * 2 transparentize($colorGood,.8), 0 0 0 $size * 3 transparentize($colorGood,.9)
@SimplGy
Copy link
Author

SimplGy commented Jun 10, 2013

Assumes SASS and bourbon

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