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;
+}