From d1a8a693d9ca62084d8616e5302742494c6ea7de Mon Sep 17 00:00:00 2001 From: ac-mmi <79802170+ac-mmi@users.noreply.github.com> Date: Thu, 11 Jul 2024 23:49:33 +0530 Subject: [PATCH 1/4] Add files via upload --- source/fading_exits/fadeSmoke.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 source/fading_exits/fadeSmoke.css diff --git a/source/fading_exits/fadeSmoke.css b/source/fading_exits/fadeSmoke.css new file mode 100644 index 000000000..bef70f0b8 --- /dev/null +++ b/source/fading_exits/fadeSmoke.css @@ -0,0 +1,28 @@ + .animate__vanish + { + -webkit-animation-name: vanish; + animation-name: vanish; + -webkit-animation-duration: 1s; + animation-duration: 1s; + } + + @keyframes vanish + { + 0% + { +filter: blur(0px); +transform: scaleY(1)translateY(0px); +opacity: 1; + } + 90% + { +filter: blur(10px); +transform: scaleY(1.2)translateY(-20px); + + + } + 100% + { + opacity: 0; + } + } \ No newline at end of file From 61de434d799e0262413e0ffdd5a304b70c6e2d0a Mon Sep 17 00:00:00 2001 From: ac-mmi <79802170+ac-mmi@users.noreply.github.com> Date: Thu, 11 Jul 2024 23:49:59 +0530 Subject: [PATCH 2/4] Add files via upload --- source/flippers/flipBounce.css | 38 ++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 source/flippers/flipBounce.css diff --git a/source/flippers/flipBounce.css b/source/flippers/flipBounce.css new file mode 100644 index 000000000..26d80fe5a --- /dev/null +++ b/source/flippers/flipBounce.css @@ -0,0 +1,38 @@ + .animate__flipBounce + { + display: flex; + align-items: center; + transform-style: preserve-3d; + perspective-origin: 30% 50%; + perspective: 1000px !important; + position: relative; + } + + .animate__flipBounce::after + { + content:attr(data-content); + transform-origin: 50% 100%; + display: block; + -webkit-animation-name: flipBounce; + animation-name: flipBounce; + -webkit-animation-duration: 1s; + animation-duration: 1s; + top: 0; + left: 0; + + } + @keyframes flipBounce + { + 30% + { + transform: rotateX(96deg); + } + 60% + { + transform: rotateX(-20deg); + } + 100% + { + transform: rotateX(0deg); + } + } From 9d80f6cfdda4352b8a544ec0f04880f02ccd71a2 Mon Sep 17 00:00:00 2001 From: ac-mmi <79802170+ac-mmi@users.noreply.github.com> Date: Thu, 11 Jul 2024 23:50:19 +0530 Subject: [PATCH 3/4] Add files via upload --- source/specials/glitch.css | 47 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 source/specials/glitch.css diff --git a/source/specials/glitch.css b/source/specials/glitch.css new file mode 100644 index 000000000..622113311 --- /dev/null +++ b/source/specials/glitch.css @@ -0,0 +1,47 @@ + .animate__glitch + { + position: relative; + background: inherit; !important; + text-shadow: -3px 0 #F40102,-5px 0 #FBF700,2px 0 #0002FC,5px 0 #00F8FB; + } + + .animate__glitch::after,.animate__glitch::before + { + content:attr(data-glitch); + position: absolute; + top: 0; + left: 0; + color: inherit !important; + text-shadow:none; + } + + .animate__glitch::after + { + transform: translateX(2px); + background: inherit !important; + clip-path: polygon(0 0,100% 0,100% 30%,0 100%); + animation: glitch 0.2s 0.5s infinite; + -webkit-animation:glitch 0.2s 0.5s infinite; + } + + .animate__glitch::before + { + transform: translateX(-3px); + background: inherit !important; + clip-path: polygon(0 60%,100% 0%,100% 100%,0 100%); + animation: glitch 0.2s infinite linear alternate; + -webkit-animation: glitch 0.2s infinite linear alternate; + } + + @keyframes glitch + { + from + { + opacity: 0; + } + to + { + opacity: 1; + + } + } From 880b9838b22f447b674903f42e61befbd60234b5 Mon Sep 17 00:00:00 2001 From: ac-mmi <79802170+ac-mmi@users.noreply.github.com> Date: Thu, 11 Jul 2024 23:54:01 +0530 Subject: [PATCH 4/4] Add files via upload --- source/fading_exits/fadeSmoke.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/source/fading_exits/fadeSmoke.css b/source/fading_exits/fadeSmoke.css index bef70f0b8..7ea6322aa 100644 --- a/source/fading_exits/fadeSmoke.css +++ b/source/fading_exits/fadeSmoke.css @@ -1,12 +1,12 @@ - .animate__vanish + .animate__fadeSmoke { - -webkit-animation-name: vanish; - animation-name: vanish; + -webkit-animation-name: fadeSmoke; + animation-name: fadeSmoke; -webkit-animation-duration: 1s; animation-duration: 1s; } - @keyframes vanish + @keyframes fadeSmoke { 0% {