Lag suffix, can be applied to an emote to save space (MemeLabs#116)

* Lag Suffix implemented
SmCTwelve · Jul 8, 2019 · 83b756f · 83b756f
1 parent 0fb1032
commit 83b756f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/assets/chat/css/generify.scss b/assets/chat/css/generify.scss
@@ -11,6 +11,19 @@
     margin-bottom: -7px;
 }
 
+@keyframes lag-anim {
+    0% {-webkit-mask-image: linear-gradient(to top, transparent 100%, black 0%);}
+    20% {-webkit-mask-image: linear-gradient(to top, transparent 80%, black 0%);}
+    40% {-webkit-mask-image: linear-gradient(to top, transparent 60%, black 0%);}
+    60% {-webkit-mask-image: linear-gradient(to top, transparent 40%, black 0%);}
+    80% {-webkit-mask-image: linear-gradient(to top, transparent 20%, black 0%);}
+    100% {-webkit-mask-image: linear-gradient(to top, transparent 0%, black 0%);}
+}
+
+.lag > .chat-emote {
+    animation: lag-anim 2.5s 2;
+}
+
 .generify-rustle > .chat-emote {
     animation: rustle 100ms 7;
 }

diff --git a/assets/chat/js/const.js b/assets/chat/js/const.js
@@ -59,7 +59,8 @@ const GENERIFY_OPTIONS = {
     // 'dank': 'generify-dank',
     // 'hyper': 'generify-hyper generify-rustle',
     'love': 'generify-love',
-    'spin': 'generify-spin'
+    'spin': 'generify-spin',
+    'lag' : 'lag'
 };
 
 const CUSTOM_AUTOCOMPLETE_ORDER = [