Create important keyframes for animation in .araclar

2022-07-30 19:48:02 +03:00
parent 8525e6b7b5
commit ed6818b36c
1 changed files with 22 additions and 0 deletions
--- a/resources/css/keyframes.scss
+++ b/resources/css/keyframes.scss
@@ -1,3 +1,5 @@
+@use "variables";
+
@keyframes fullscreen-image-appear {
  from {
    opacity: 0;
@@ -29,4 +31,24 @@
  100% {
    opacity: 0;
  }
+}
+
+@keyframes important {
+  0% {
+    transform: scale(1);
+    text-shadow: black 0 0 0;
+    color: white;
+  }
+
+  50% {
+    transform: scale(1.02);
+    text-shadow: variables.$clr_dark 0 0 20px;
+    color: #FFFFFF;
+  }
+
+  100% {
+    transform: scale(1);
+    text-shadow: black 0 0 0;
+    color: white;
+  }
 }