sync

[roojs1] / scss / startbootstrap-sb-admin-2 / utilities / _animation.scss

diff --git a/scss/startbootstrap-sb-admin-2/utilities/_animation.scss b/scss/startbootstrap-sb-admin-2/utilities/_animation.scss
new file mode 100644 (file)
index 0000000..7a40d4d
--- /dev/null
+++ b/scss/startbootstrap-sb-admin-2/utilities/_animation.scss
@@ -0,0 +1,37 @@
+// Animation Utilities
+
+// Grow In Animation
+
+@keyframes growIn {
+  0% {
+    transform: scale(0.9);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.animated--grow-in {
+  animation-name: growIn;
+  animation-duration: 200ms;
+  animation-timing-function: transform cubic-bezier(.18,1.25,.4,1), opacity cubic-bezier(0,1,.4,1);
+}
+
+// Fade In Animation
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.animated--fade-in {
+  animation-name: fadeIn;
+  animation-duration: 200ms;
+  animation-timing-function: opacity cubic-bezier(0,1,.4,1);
+}