first commit

web/css/backend/beta/animations.css

@@ -0,0 +1,135 @@
+/* ----------------------------------------------
+ * Generated by Animista on 2022-1-3 10:45:31
+ * Licensed under FreeBSD License.
+ * See http://animista.net/license for more info. 
+ * w: http://animista.net, t: @cssanimista
+ * ---------------------------------------------- */
+
+/**
+ * ----------------------------------------
+ * animation heartbeat
+ * ----------------------------------------
+ */
+ @-webkit-keyframes heartbeat {
+    from {
+      -webkit-transform: scale(1);
+              transform: scale(1);
+      -webkit-transform-origin: center center;
+              transform-origin: center center;
+      -webkit-animation-timing-function: ease-out;
+              animation-timing-function: ease-out;
+    }
+    10% {
+      -webkit-transform: scale(0.91);
+              transform: scale(0.91);
+      -webkit-animation-timing-function: ease-in;
+              animation-timing-function: ease-in;
+    }
+    17% {
+      -webkit-transform: scale(0.98);
+              transform: scale(0.98);
+      -webkit-animation-timing-function: ease-out;
+              animation-timing-function: ease-out;
+    }
+    33% {
+      -webkit-transform: scale(0.77);
+              transform: scale(0.77);
+      -webkit-animation-timing-function: ease-in;
+              animation-timing-function: ease-in;
+    }
+    45% {
+      -webkit-transform: scale(1);
+              transform: scale(1);
+      -webkit-animation-timing-function: ease-out;
+              animation-timing-function: ease-out;
+    }
+  }
+  @keyframes heartbeat {
+    from {
+      -webkit-transform: scale(1);
+              transform: scale(1);
+      -webkit-transform-origin: center center;
+              transform-origin: center center;
+      -webkit-animation-timing-function: ease-out;
+              animation-timing-function: ease-out;
+    }
+    10% {
+      -webkit-transform: scale(0.91);
+              transform: scale(0.91);
+      -webkit-animation-timing-function: ease-in;
+              animation-timing-function: ease-in;
+    }
+    17% {
+      -webkit-transform: scale(0.98);
+              transform: scale(0.98);
+      -webkit-animation-timing-function: ease-out;
+              animation-timing-function: ease-out;
+    }
+    33% {
+      -webkit-transform: scale(0.77);
+              transform: scale(0.77);
+      -webkit-animation-timing-function: ease-in;
+              animation-timing-function: ease-in;
+    }
+    45% {
+      -webkit-transform: scale(1);
+              transform: scale(1);
+      -webkit-animation-timing-function: ease-out;
+              animation-timing-function: ease-out;
+    }
+  }
+  
+/* ----------------------------------------------
+ * Generated by Animista on 2022-1-3 11:24:9
+ * Licensed under FreeBSD License.
+ * See http://animista.net/license for more info. 
+ * w: http://animista.net, t: @cssanimista
+ * ---------------------------------------------- */
+
+/**
+ * ----------------------------------------
+ * animation shake-bottom
+ * ----------------------------------------
+ */
+  @keyframes shake-top {
+    0%{
+        transform: rotate(0deg);
+        transform-origin: 50% 0;
+      }
+      2%{
+        transform: rotate(2deg);
+      }
+      4%{
+        transform: rotate(-8deg);
+      }
+      6%{
+        transform: rotate(8deg);
+      }
+      8%{
+        transform: rotate(-8deg);
+      }
+      10%{
+        transform: rotate(8deg);
+      }
+      12%{
+        transform: rotate(-8deg);
+      }
+      14%{
+        transform: rotate(8deg);
+      }
+      16%{
+        transform: rotate(-2deg);
+      }
+      18%{
+        transform: rotate(2deg);
+      }
+      20%{
+        transform: rotate(0deg);
+        transform-origin: 50% 0;
+      }
+  }
+
+  .shake-top {
+	        animation: shake-top 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
+}
+