summary refs log tree commit diff stats
path: root/landing/assets/vendor/boxicons/css/animations.css
diff options
context:
space:
mode:
authorAndinus <andinus@nand.sh>2021-09-26 17:21:15 +0530
committerAndinus <andinus@nand.sh>2021-09-26 17:21:15 +0530
commit74eb196a74f410754cd0ac3300ac432463df90b9 (patch)
treecb707d48b2e64257ca2bdc14abd44b621ae9014d /landing/assets/vendor/boxicons/css/animations.css
parente62f7f13b2602c4764ff949c6d73d9b7dae456c2 (diff)
downloadMyMedMemoir-74eb196a74f410754cd0ac3300ac432463df90b9.tar.gz
Add landing page
Diffstat (limited to 'landing/assets/vendor/boxicons/css/animations.css')
-rw-r--r--landing/assets/vendor/boxicons/css/animations.css386
1 files changed, 386 insertions, 0 deletions
diff --git a/landing/assets/vendor/boxicons/css/animations.css b/landing/assets/vendor/boxicons/css/animations.css
new file mode 100644
index 0000000..7a3386b
--- /dev/null
+++ b/landing/assets/vendor/boxicons/css/animations.css
@@ -0,0 +1,386 @@
+@-webkit-keyframes spin

+{

+    0%

+    {

+        -webkit-transform: rotate(0);

+                transform: rotate(0);

+    }

+    100%

+    {

+        -webkit-transform: rotate(359deg);

+                transform: rotate(359deg);

+    }

+}

+@keyframes spin

+{

+    0%

+    {

+        -webkit-transform: rotate(0);

+                transform: rotate(0);

+    }

+    100%

+    {

+        -webkit-transform: rotate(359deg);

+                transform: rotate(359deg);

+    }

+}

+@-webkit-keyframes burst

+{

+    0%

+    {

+        -webkit-transform: scale(1);

+                transform: scale(1);

+

+        opacity: 1;

+    }

+    90%

+    {

+        -webkit-transform: scale(1.5);

+                transform: scale(1.5);

+

+        opacity: 0;

+    }

+}

+@keyframes burst

+{

+    0%

+    {

+        -webkit-transform: scale(1);

+                transform: scale(1);

+

+        opacity: 1;

+    }

+    90%

+    {

+        -webkit-transform: scale(1.5);

+                transform: scale(1.5);

+

+        opacity: 0;

+    }

+}

+@-webkit-keyframes flashing

+{

+    0%

+    {

+        opacity: 1;

+    }

+    45%

+    {

+        opacity: 0;

+    }

+    90%

+    {

+        opacity: 1;

+    }

+}

+@keyframes flashing

+{

+    0%

+    {

+        opacity: 1;

+    }

+    45%

+    {

+        opacity: 0;

+    }

+    90%

+    {

+        opacity: 1;

+    }

+}

+@-webkit-keyframes fade-left

+{

+    0%

+    {

+        -webkit-transform: translateX(0);

+                transform: translateX(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateX(-20px);

+                transform: translateX(-20px);

+

+        opacity: 0;

+    }

+}

+@keyframes fade-left

+{

+    0%

+    {

+        -webkit-transform: translateX(0);

+                transform: translateX(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateX(-20px);

+                transform: translateX(-20px);

+

+        opacity: 0;

+    }

+}

+@-webkit-keyframes fade-right

+{

+    0%

+    {

+        -webkit-transform: translateX(0);

+                transform: translateX(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateX(20px);

+                transform: translateX(20px);

+

+        opacity: 0;

+    }

+}

+@keyframes fade-right

+{

+    0%

+    {

+        -webkit-transform: translateX(0);

+                transform: translateX(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateX(20px);

+                transform: translateX(20px);

+

+        opacity: 0;

+    }

+}

+@-webkit-keyframes fade-up

+{

+    0%

+    {

+        -webkit-transform: translateY(0);

+                transform: translateY(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateY(-20px);

+                transform: translateY(-20px);

+

+        opacity: 0;

+    }

+}

+@keyframes fade-up

+{

+    0%

+    {

+        -webkit-transform: translateY(0);

+                transform: translateY(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateY(-20px);

+                transform: translateY(-20px);

+

+        opacity: 0;

+    }

+}

+@-webkit-keyframes fade-down

+{

+    0%

+    {

+        -webkit-transform: translateY(0);

+                transform: translateY(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateY(20px);

+                transform: translateY(20px);

+

+        opacity: 0;

+    }

+}

+@keyframes fade-down

+{

+    0%

+    {

+        -webkit-transform: translateY(0);

+                transform: translateY(0);

+

+        opacity: 1;

+    }

+    75%

+    {

+        -webkit-transform: translateY(20px);

+                transform: translateY(20px);

+

+        opacity: 0;

+    }

+}

+@-webkit-keyframes tada

+{

+    from

+    {

+        -webkit-transform: scale3d(1, 1, 1);

+                transform: scale3d(1, 1, 1);

+    }

+

+    10%,

+    20%

+    {

+        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);

+                transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);

+    }

+

+    30%,

+    50%,

+    70%,

+    90%

+    {

+        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);

+                transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);

+    }

+

+    40%,

+    60%,

+    80%

+    {

+        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);

+                transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);

+    }

+

+    to

+    {

+        -webkit-transform: scale3d(1, 1, 1);

+                transform: scale3d(1, 1, 1);

+    }

+}

+

+@keyframes tada

+{

+    from

+    {

+        -webkit-transform: scale3d(1, 1, 1);

+                transform: scale3d(1, 1, 1);

+    }

+

+    10%,

+    20%

+    {

+        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);

+                transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);

+    }

+

+    30%,

+    50%,

+    70%,

+    90%

+    {

+        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);

+                transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);

+    }

+

+    40%,

+    60%,

+    80%

+    {

+        -webkit-transform: rotate3d(0, 0, 1, -10deg);

+                transform: rotate3d(0, 0, 1, -10deg);

+    }

+

+    to

+    {

+        -webkit-transform: scale3d(1, 1, 1);

+                transform: scale3d(1, 1, 1);

+    }

+}

+.bx-spin

+{

+    -webkit-animation: spin 2s linear infinite;

+            animation: spin 2s linear infinite;

+}

+.bx-spin-hover:hover

+{

+    -webkit-animation: spin 2s linear infinite;

+            animation: spin 2s linear infinite;

+}

+

+.bx-tada

+{

+    -webkit-animation: tada 1.5s ease infinite;

+            animation: tada 1.5s ease infinite;

+}

+.bx-tada-hover:hover

+{

+    -webkit-animation: tada 1.5s ease infinite;

+            animation: tada 1.5s ease infinite;

+}

+

+.bx-flashing

+{

+    -webkit-animation: flashing 1.5s infinite linear;

+            animation: flashing 1.5s infinite linear;

+}

+.bx-flashing-hover:hover

+{

+    -webkit-animation: flashing 1.5s infinite linear;

+            animation: flashing 1.5s infinite linear;

+}

+

+.bx-burst

+{

+    -webkit-animation: burst 1.5s infinite linear;

+            animation: burst 1.5s infinite linear;

+}

+.bx-burst-hover:hover

+{

+    -webkit-animation: burst 1.5s infinite linear;

+            animation: burst 1.5s infinite linear;

+}

+.bx-fade-up

+{

+    -webkit-animation: fade-up 1.5s infinite linear;

+            animation: fade-up 1.5s infinite linear;

+}

+.bx-fade-up-hover:hover

+{

+    -webkit-animation: fade-up 1.5s infinite linear;

+            animation: fade-up 1.5s infinite linear;

+}

+.bx-fade-down

+{

+    -webkit-animation: fade-down 1.5s infinite linear;

+            animation: fade-down 1.5s infinite linear;

+}

+.bx-fade-down-hover:hover

+{

+    -webkit-animation: fade-down 1.5s infinite linear;

+            animation: fade-down 1.5s infinite linear;

+}

+.bx-fade-left

+{

+    -webkit-animation: fade-left 1.5s infinite linear;

+            animation: fade-left 1.5s infinite linear;

+}

+.bx-fade-left-hover:hover

+{

+    -webkit-animation: fade-left 1.5s infinite linear;

+            animation: fade-left 1.5s infinite linear;

+}

+.bx-fade-right

+{

+    -webkit-animation: fade-right 1.5s infinite linear;

+            animation: fade-right 1.5s infinite linear;

+}

+.bx-fade-right-hover:hover

+{

+    -webkit-animation: fade-right 1.5s infinite linear;

+            animation: fade-right 1.5s infinite linear;

+}
\ No newline at end of file