From fea9a795c9861cdedd8b73faa01ca2cb87d10a97 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Mon, 6 Jun 2022 23:36:59 +0200
Subject: [PATCH] glow class

---
 .../available-version-item.component.css      | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/renderer/components/available-versions/available-version-item.component.css

diff --git a/src/renderer/components/available-versions/available-version-item.component.css b/src/renderer/components/available-versions/available-version-item.component.css
new file mode 100644
index 00000000..fef67241
--- /dev/null
+++ b/src/renderer/components/available-versions/available-version-item.component.css
@@ -0,0 +1,24 @@
+.glow-on-hover {
+    z-index: 0;
+    border-radius: 10px;
+    content: '';
+    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
+    position: absolute;
+    top: -4px;
+    left:-4px;
+    background-size: 400%;
+    z-index: -1;
+    filter: blur(5px);
+    width: calc(100% + 8px);
+    height: calc(100% + 8px);
+    animation: glowing 20s linear infinite;
+    opacity: 0;
+    transition: opacity .3s ease-in-out;
+    border-radius: 10px;
+}
+
+@keyframes glowing {
+    0% { background-position: 0 0; }
+    50% { background-position: 400% 0; }
+    100% { background-position: 0 0; }
+}
\ No newline at end of file