Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
SASS Animation Play
$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

This comment has been minimized.

Copy link
Owner Author

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
You can’t perform that action at this time.