Add files via upload

pajardev · Jun 22, 2024 · bf88ead · bf88ead
1 parent d3760d9
commit bf88ead
Show file tree

Hide file tree

Showing 2 changed files with 453 additions and 0 deletions.
diff --git a/sakura.css b/sakura.css
@@ -0,0 +1,276 @@
+/*!
+ * Sakura.js 1.1.1
+ * Vanilla JS version of jQuery-Sakura: Make it rain sakura petals.
+ * https://github.com/jhammann/sakura
+ *
+ * Copyright 2019-2019 Jeroen Hammann
+ *
+ * Released under the MIT License
+ *
+ * Released on: September 4, 2019
+ */
+@-webkit-keyframes fall {
+  0% {
+    opacity: 0.9;
+    top: 0; }
+  100% {
+    opacity: 0.2;
+    top: 100%; } }
+
+@keyframes fall {
+  0% {
+    opacity: 0.9;
+    top: 0; }
+  100% {
+    opacity: 0.2;
+    top: 100%; } }
+
+@-webkit-keyframes blow-soft-left {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: -50%; } }
+
+@keyframes blow-soft-left {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: -50%; } }
+
+@-webkit-keyframes blow-medium-left {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: -100%; } }
+
+@keyframes blow-medium-left {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: -100%; } }
+
+@-webkit-keyframes blow-soft-right {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: 50%; } }
+
+@keyframes blow-soft-right {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: 50%; } }
+
+@-webkit-keyframes blow-medium-right {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: 100%; } }
+
+@keyframes blow-medium-right {
+  0% {
+    margin-left: 0; }
+  100% {
+    margin-left: 100%; } }
+
+@-webkit-keyframes sway-0 {
+  0% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg); }
+  40% {
+    -webkit-transform: rotate(28deg);
+    transform: rotate(28deg); }
+  100% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg); } }
+
+@keyframes sway-0 {
+  0% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg); }
+  40% {
+    -webkit-transform: rotate(28deg);
+    transform: rotate(28deg); }
+  100% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg); } }
+
+@-webkit-keyframes sway-1 {
+  0% {
+    -webkit-transform: rotate(10deg);
+    transform: rotate(10deg); }
+  40% {
+    -webkit-transform: rotate(43deg);
+    transform: rotate(43deg); }
+  100% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg); } }
+
+@keyframes sway-1 {
+  0% {
+    -webkit-transform: rotate(10deg);
+    transform: rotate(10deg); }
+  40% {
+    -webkit-transform: rotate(43deg);
+    transform: rotate(43deg); }
+  100% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg); } }
+
+@-webkit-keyframes sway-2 {
+  0% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg); }
+  40% {
+    -webkit-transform: rotate(56deg);
+    transform: rotate(56deg); }
+  100% {
+    -webkit-transform: rotate(22deg);
+    transform: rotate(22deg); } }
+
+@keyframes sway-2 {
+  0% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg); }
+  40% {
+    -webkit-transform: rotate(56deg);
+    transform: rotate(56deg); }
+  100% {
+    -webkit-transform: rotate(22deg);
+    transform: rotate(22deg); } }
+
+@-webkit-keyframes sway-3 {
+  0% {
+    -webkit-transform: rotate(25deg);
+    transform: rotate(25deg); }
+  40% {
+    -webkit-transform: rotate(74deg);
+    transform: rotate(74deg); }
+  100% {
+    -webkit-transform: rotate(37deg);
+    transform: rotate(37deg); } }
+
+@keyframes sway-3 {
+  0% {
+    -webkit-transform: rotate(25deg);
+    transform: rotate(25deg); }
+  40% {
+    -webkit-transform: rotate(74deg);
+    transform: rotate(74deg); }
+  100% {
+    -webkit-transform: rotate(37deg);
+    transform: rotate(37deg); } }
+
+@-webkit-keyframes sway-4 {
+  0% {
+    -webkit-transform: rotate(40deg);
+    transform: rotate(40deg); }
+  40% {
+    -webkit-transform: rotate(68deg);
+    transform: rotate(68deg); }
+  100% {
+    -webkit-transform: rotate(25deg);
+    transform: rotate(25deg); } }
+
+@keyframes sway-4 {
+  0% {
+    -webkit-transform: rotate(40deg);
+    transform: rotate(40deg); }
+  40% {
+    -webkit-transform: rotate(68deg);
+    transform: rotate(68deg); }
+  100% {
+    -webkit-transform: rotate(25deg);
+    transform: rotate(25deg); } }
+
+@-webkit-keyframes sway-5 {
+  0% {
+    -webkit-transform: rotate(50deg);
+    transform: rotate(50deg); }
+  40% {
+    -webkit-transform: rotate(78deg);
+    transform: rotate(78deg); }
+  100% {
+    -webkit-transform: rotate(40deg);
+    transform: rotate(40deg); } }
+
+@keyframes sway-5 {
+  0% {
+    -webkit-transform: rotate(50deg);
+    transform: rotate(50deg); }
+  40% {
+    -webkit-transform: rotate(78deg);
+    transform: rotate(78deg); }
+  100% {
+    -webkit-transform: rotate(40deg);
+    transform: rotate(40deg); } }
+
+@-webkit-keyframes sway-6 {
+  0% {
+    -webkit-transform: rotate(65deg);
+    transform: rotate(65deg); }
+  40% {
+    -webkit-transform: rotate(92deg);
+    transform: rotate(92deg); }
+  100% {
+    -webkit-transform: rotate(58deg);
+    transform: rotate(58deg); } }
+
+@keyframes sway-6 {
+  0% {
+    -webkit-transform: rotate(65deg);
+    transform: rotate(65deg); }
+  40% {
+    -webkit-transform: rotate(92deg);
+    transform: rotate(92deg); }
+  100% {
+    -webkit-transform: rotate(58deg);
+    transform: rotate(58deg); } }
+
+@-webkit-keyframes sway-7 {
+  0% {
+    -webkit-transform: rotate(72deg);
+    transform: rotate(72deg); }
+  40% {
+    -webkit-transform: rotate(118deg);
+    transform: rotate(118deg); }
+  100% {
+    -webkit-transform: rotate(68deg);
+    transform: rotate(68deg); } }
+
+@keyframes sway-7 {
+  0% {
+    -webkit-transform: rotate(72deg);
+    transform: rotate(72deg); }
+  40% {
+    -webkit-transform: rotate(118deg);
+    transform: rotate(118deg); }
+  100% {
+    -webkit-transform: rotate(68deg);
+    transform: rotate(68deg); } }
+
+@-webkit-keyframes sway-8 {
+  0% {
+    -webkit-transform: rotate(94deg);
+    transform: rotate(94deg); }
+  40% {
+    -webkit-transform: rotate(136deg);
+    transform: rotate(136deg); }
+  100% {
+    -webkit-transform: rotate(82deg);
+    transform: rotate(82deg); } }
+
+@keyframes sway-8 {
+  0% {
+    -webkit-transform: rotate(94deg);
+    transform: rotate(94deg); }
+  40% {
+    -webkit-transform: rotate(136deg);
+    transform: rotate(136deg); }
+  100% {
+    -webkit-transform: rotate(82deg);
+    transform: rotate(82deg); } }
+
+.sakura {
+  pointer-events: none;
+  position: absolute; }