From f7353f3d97f178435731a936a7a3a397d131f52c Mon Sep 17 00:00:00 2001 From: The Arrayser <68914060+TheArrayser@users.noreply.github.com> Date: Fri, 6 Jan 2023 18:04:06 +0100 Subject: [PATCH] Pause the animations on the hover --- index.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/index.html b/index.html index 8c8750b..8132c2c 100644 --- a/index.html +++ b/index.html @@ -61,15 +61,27 @@ .leftRight { animation: left2Right 20s infinite linear; } + + .leftRight:hover { + animatation-play-state:paused; + } .rightLeft { animation: right2Left 20s infinite linear; } + + .rightLeft:hover { + animatation-play-state:paused; + } .upDown { animation: updown 3s infinite ease; } + .upDown:hover { + animatation-play-state:paused; + } + .video { /*animation: rickRoll 1s infinite ease;*/ animation: amogus 10s infinite linear;