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

@SimplGy 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