From cead8af7b56b54a839a09d71e37e0686a5f607aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yann=20M=C3=B6lle?= Date: Fri, 14 Apr 2023 20:18:13 +0200 Subject: [PATCH] =?UTF-8?q?=E2=80=9Ecss/background.css=E2=80=9C=20l=C3=B6s?= =?UTF-8?q?chen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/background.css | 42 ------------------------------------------ 1 file changed, 42 deletions(-) delete mode 100644 css/background.css diff --git a/css/background.css b/css/background.css deleted file mode 100644 index 9aba4a9..0000000 --- a/css/background.css +++ /dev/null @@ -1,42 +0,0 @@ -@keyframes rotate { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} - -.gradient { - --size: 250px; - --speed: 50s; - --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8); - - width: var(--size); - height: var(--size); - filter: blur(calc(var(--size) / 5)); - background-image: linear-gradient(hsl(158, 82, 57, 85%), hsl(252, 82, 57)); - animation: rotate var(--speed) var(--easing) alternate infinite; - border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; -} - -@media (min-width: 720px) { - .gradient { - --size: 500px; - } -} - -body { - background-color: #222; - position: absolute; - inset: 0; - display: flex; - place-content: center; - align-items: center; - overflow: hidden; -} - -/* This is just to transition when you change the viewport size. */ -* { - transition: all 0.25s ease-out; -}