From 8bafed95d1f211ed12677b01a2c092a07058c46c Mon Sep 17 00:00:00 2001 From: Michael Maurakis Date: Sun, 19 Jan 2025 19:34:04 -0600 Subject: [PATCH] added transition forlight and dark mode --- styles.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 8b1bbb9..b95a728 100644 --- a/styles.css +++ b/styles.css @@ -19,12 +19,14 @@ header { background-color: #ffffff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); z-index: 1000; + transition: background-color 0.3s ease, box-shadow 0.3s ease; } .logo { font-size: 24px; font-weight: bold; color: #ff4500; + transition: color 0.3s ease; } #fumbleButton { @@ -36,7 +38,7 @@ header { font-size: 16px; font-weight: bold; cursor: pointer; - transition: transform 0.2s, background-color 0.2s; + transition: transform 0.2s ease, background-color 0.3s ease; } #fumbleButton:hover {