diff --git a/assets/anim.december.scss b/assets/anim.december.scss index 571fa4a0..cf438c3e 100644 --- a/assets/anim.december.scss +++ b/assets/anim.december.scss @@ -251,3 +251,33 @@ .generify-emote-TIMID:not(.chat-user + .generify-emote-TIMID) .chat-emote-TIMID { background-position-x: 0px !important; } + +@include sprite-animation( + $file-name: PAIN, + $frame-count: 2, + $sprite-width: 64px, + $sprite-height: 32px, + $animation-duration: 3s, + $iteration-count: 1, + $can-animate-forever: true, + $extra-animation: true, + $extra-animation-duration: 1s, + $extra-animation-iteration-count: 3 +) { + 0% {transform: translate(0px,0px);} + + 13% {transform: translate(0px,0px);} + 20% {transform: translate(0px,-2px);} + + 33% {transform: translate(0px,0px);} + + 46% {transform: translate(0px,0px);} + 53% {transform: translate(0px,-2px);} + + 67% {transform: translate(0px,0px);} + + 80% {transform: translate(0px,0px);} + 87% {transform: translate(0px,-2px);} + + 100% {transform: translate(0px,0px);} +} diff --git a/assets/anim.scss b/assets/anim.scss index b72ec4c0..cb05ab88 100644 --- a/assets/anim.scss +++ b/assets/anim.scss @@ -1250,3 +1250,33 @@ $spritesDir : '/assets/emotes/emoticons-animated/'; } } } + +@include sprite-animation( + $file-name: PAIN, + $frame-count: 2, + $sprite-width: 64px, + $sprite-height: 32px, + $animation-duration: 3s, + $iteration-count: 1, + $can-animate-forever: true, + $extra-animation: true, + $extra-animation-duration: 1s, + $extra-animation-iteration-count: 3 +) { + 0% {transform: translate(0px,0px);} + + 13% {transform: translate(0px,0px);} + 20% {transform: translate(0px,-2px);} + + 33% {transform: translate(0px,0px);} + + 46% {transform: translate(0px,0px);} + 53% {transform: translate(0px,-2px);} + + 67% {transform: translate(0px,0px);} + + 80% {transform: translate(0px,0px);} + 87% {transform: translate(0px,-2px);} + + 100% {transform: translate(0px,0px);} +}