From a5cf711b22092761e004712abb147a8875056213 Mon Sep 17 00:00:00 2001
From: masterbordbar <master.bordbar@gmail.com>
Date: Thu, 19 May 2022 10:57:17 +0000
Subject: [PATCH] add gradient text anim

---
 source/gradient/gradientText.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 source/gradient/gradientText.css

diff --git a/source/gradient/gradientText.css b/source/gradient/gradientText.css
new file mode 100644
index 0000000..df1117a
--- /dev/null
+++ b/source/gradient/gradientText.css
@@ -0,0 +1,21 @@
+@keyframes gradientText {
+  from {
+    background-position : 0;
+  }
+  
+  to {
+    background-position : 100%;
+  }
+}
+
+.gradientText {
+  background: #12c2e9;
+  background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
+  background-clip: text;
+  color : transparent;
+  background-size : 300%;
+  background-position : -200%;
+  animation-name: gradientText;
+  animation-iteration-count: infinite;
+  animation-direction: alternate-reverse;
+}