From 7246bc062a16cccb6953c3a21b2907ed377c9307 Mon Sep 17 00:00:00 2001 From: DavidDGTNT Date: Wed, 26 Jan 2022 19:17:52 +0000 Subject: [PATCH] CSS changes --- src/assets/css/main.css | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 10d5c6b..382a318 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -1,6 +1,36 @@ body { margin: 0px; - background-color: #ff7f50; +} + +body { + background: linear-gradient(270deg, #a52a2a, #d2691e, #ee6e40, #ff7f50, #ff7f61, #ff8f61); + background-size: 1200% 1200%; + + -webkit-animation: BackgroundGradientChange 1s ease infinite; + -moz-animation: BackgroundGradientChange 1s ease infinite; + -o-animation: BackgroundGradientChange 1s ease infinite; + animation: BackgroundGradientChange 1s ease infinite; +} + +@-webkit-keyframes BackgroundGradientChange { + 0%{background-position:0% 50%} + 50%{background-position:100% 50%} + 100%{background-position:0% 50%} +} +@-moz-keyframes BackgroundGradientChange { + 0%{background-position:0% 50%} + 50%{background-position:100% 50%} + 100%{background-position:0% 50%} +} +@-o-keyframes BackgroundGradientChange { + 0%{background-position:0% 50%} + 50%{background-position:100% 50%} + 100%{background-position:0% 50%} +} +@keyframes BackgroundGradientChange { + 0%{background-position:0% 50%} + 50%{background-position:100% 50%} + 100%{background-position:0% 50%} } header {