From 1a4c18cce06b3fe2727d6637be44214433b46583 Mon Sep 17 00:00:00 2001
From: Marcus Noble <github@marcusnoble.co.uk>
Date: Tue, 3 May 2022 06:36:44 +0100
Subject: [PATCH] Lessen glitch effect

Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
---
 src/css/_glitch.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/css/_glitch.scss b/src/css/_glitch.scss
index 8b9c186..e429071 100644
--- a/src/css/_glitch.scss
+++ b/src/css/_glitch.scss
@@ -1,12 +1,15 @@
+.glitch-image:hover, .glitch:hover, a:hover {
+  animation-iteration-count: infinite
+}
 
 .glitch-image {
-  animation: shift 3s ease-in-out infinite alternate;
+  animation: shift 3s ease-in-out .2s alternate;
 }
 
 .glitch, a:hover {
   position: relative;
   text-shadow: 0.05em 0 0 var(--primary-hover), -0.03em -0.04em 0 var(--primary), 0.025em 0.04em 0 var(--primary-inverse);
-  animation: glitch 2s ease alternate infinite, shift 2s ease alternate infinite;
+  animation: glitch 2s ease alternate, shift 2s ease alternate;
 
   &::before, &::after {
     position: absolute;