From e6b89f6f31abbbfe9a7fc5b253f03bb5efee3ee2 Mon Sep 17 00:00:00 2001 From: cardboardlamb Date: Tue, 1 Nov 2022 15:15:08 +0100 Subject: [PATCH 1/4] made it purple --- css/animation.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/animation.css b/css/animation.css index 07be3c6..938ef01 100644 --- a/css/animation.css +++ b/css/animation.css @@ -13,7 +13,7 @@ }} @keyframes colorchange { - 0% { box-shadow: 30px 30px 30px green, -30px 30px 50px red; } - 100% { box-shadow: -10px 10px 66px green, 66px 8px 25px red; } + 0% { box-shadow: 30px 30px 30px green, -30px 30px 50px purple; } + 100% { box-shadow: -10px 10px 66px green, 66px 8px 25px purple; } From 17ef4ae471c53e80c55bb384a5a38c5b4f907652 Mon Sep 17 00:00:00 2001 From: ada Date: Tue, 1 Nov 2022 15:15:43 +0100 Subject: [PATCH 2/4] too fast!!! --- css/animation.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/animation.css b/css/animation.css index 938ef01..66dc22f 100644 --- a/css/animation.css +++ b/css/animation.css @@ -1,7 +1,7 @@ /* css animation that spins a class around forever# */ .spinny{ - animation: rotate 5s infinite, colorchange 1.5s infinite alternate-reverse; + animation: rotate 10s infinite, colorchange 1.5s infinite alternate-reverse; } @keyframes rotate { From ba41b35b7f77036d3d8f7c21a305512e18fecdbe Mon Sep 17 00:00:00 2001 From: ada Date: Tue, 1 Nov 2022 15:16:20 +0100 Subject: [PATCH 3/4] even slower --- css/animation.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/animation.css b/css/animation.css index 66dc22f..4786d13 100644 --- a/css/animation.css +++ b/css/animation.css @@ -1,7 +1,7 @@ /* css animation that spins a class around forever# */ .spinny{ - animation: rotate 10s infinite, colorchange 1.5s infinite alternate-reverse; + animation: rotate 20s infinite, colorchange 1.5s infinite alternate-reverse; } @keyframes rotate { From 272a344b026c9d09905e99d718fe13e39787ee7e Mon Sep 17 00:00:00 2001 From: ada Date: Tue, 1 Nov 2022 15:17:08 +0100 Subject: [PATCH 4/4] sorry, made it too slow --- css/animation.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/animation.css b/css/animation.css index 4786d13..f3200fe 100644 --- a/css/animation.css +++ b/css/animation.css @@ -1,7 +1,7 @@ /* css animation that spins a class around forever# */ .spinny{ - animation: rotate 20s infinite, colorchange 1.5s infinite alternate-reverse; + animation: rotate 16s infinite, colorchange 1.5s infinite alternate-reverse; } @keyframes rotate {