From 477be6f04b035f675eebb8bfde3d0f9eb3e949cb Mon Sep 17 00:00:00 2001 From: Settel Date: Fri, 11 Oct 2024 10:13:30 +0200 Subject: [PATCH] feat: show animation --- animate/index.html | 932 +++++++++++++++++++++++++++++++++++++++++++++ animate/sale.svg | 920 ++++++++++++++++++++++++++++++++++++++++++++ animate/style.css | 37 ++ 3 files changed, 1889 insertions(+) create mode 100644 animate/index.html create mode 100644 animate/sale.svg create mode 100644 animate/style.css diff --git a/animate/index.html b/animate/index.html new file mode 100644 index 0000000..8584428 --- /dev/null +++ b/animate/index.html @@ -0,0 +1,932 @@ + + + + + SVG animate + + + + +
+
+ + +
+
+ + \ No newline at end of file diff --git a/animate/sale.svg b/animate/sale.svg new file mode 100644 index 0000000..e036bfa --- /dev/null +++ b/animate/sale.svg @@ -0,0 +1,920 @@ + + + + + diff --git a/animate/style.css b/animate/style.css new file mode 100644 index 0000000..f717d7f --- /dev/null +++ b/animate/style.css @@ -0,0 +1,37 @@ +@keyframes colorRotate { + from { + opacity: 100%; + } + 80% { + opacity: 100%; + } + to { + opacity: 0; + } +} + +#path53926, +#path53868, +#path53870, +#path53872, +#path53874, +#path53876 { + animation-name: colorRotate; + animation-duration: 1s; + animation-direction: alternate; + animation-iteration-count: infinite; +} + +#path53868, +#path53870 { + animation-delay: 0.4s; +} + +#path53872 { + animation-delay: 0.8s; +} + +#path53874, +#path53876 { + animation-delay: 1.2s; +}