From 286d5870f76993b2cb72d07aa49ff511c9eaa2b2 Mon Sep 17 00:00:00 2001 From: nyx Date: Fri, 31 Jan 2025 10:11:30 -0600 Subject: [PATCH] Animation works now --- src/imag/static/index.css | 34 +++++++--------------------------- 1 file changed, 7 insertions(+), 27 deletions(-) diff --git a/src/imag/static/index.css b/src/imag/static/index.css index 9827bfb..d985b8f 100644 --- a/src/imag/static/index.css +++ b/src/imag/static/index.css @@ -18,37 +18,17 @@ body { height: 100% } -@-webkit-keyframes AnimationName { - 0%{background-position:0% 50%} - 50%{background-position:100% 50%} - 100%{background-position:0% 50%} -} - -@-moz-keyframes AnimationName { - 0%{background-position:0% 50%} - 50%{background-position:100% 50%} - 100%{background-position:0% 50%} -} - -@-o-keyframes AnimationName { - 0%{background-position:0% 50%} - 50%{background-position:100% 50%} - 100%{background-position:0% 50%} -} - @keyframes AnimationName { - 0%{background-position:0% 50%} - 50%{background-position:100% 50%} - 100%{background-position:0% 50%} + 0% { background-position: 0% 50%; } + 50% { background-position: 100% 50%; } + 100% { background-position: 0% 50%; } } html { - height: 100%; - background: linear-gradient(to left, #28282B, #353935); - -webkit-animation: AnimationName 5s ease infinite; - -moz-animation: AnimationName 5s ease infinite; - -o-animation: AnimationName 5s ease infinite; - animation: AnimationName 5s ease infinite; + min-height: 100%; + background: linear-gradient(130deg, #28282B, #353935) no-repeat; + background-size: 200% 200%; + animation: AnimationName 30s ease infinite; } h1 {