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