From eea6e18da52913b98a67c57691e799c27bc9aeb0 Mon Sep 17 00:00:00 2001 From: PURBASHIS BEHERA <81750923+d4ntz@users.noreply.github.com> Date: Wed, 27 Oct 2021 11:28:11 +0530 Subject: [PATCH] colorful background colorful background animation --- styles.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 styles.css diff --git a/styles.css b/styles.css new file mode 100644 index 0000000000..eb23fb3388 --- /dev/null +++ b/styles.css @@ -0,0 +1,23 @@ + +html, body { + width: 100%; + height:100%; + } + + body { + background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); + background-size: 400% 400%; + animation: gradient 15s ease infinite; + } + + @keyframes gradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } + } \ No newline at end of file