From c854fe923f8fcc38190835d8207483c5ed799fd8 Mon Sep 17 00:00:00 2001 From: MViper <70104096+MViper@users.noreply.github.com> Date: Fri, 15 Apr 2022 12:59:36 +0200 Subject: [PATCH] Add files via upload --- index.html | 11 +++++++++++ style.css | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..d3a3f42 --- /dev/null +++ b/index.html @@ -0,0 +1,11 @@ + + + + + Leuchtender Text + + + +

M_Viper

+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..a0a6d19 --- /dev/null +++ b/style.css @@ -0,0 +1,47 @@ +@import url('https://googleapis.com/css2?family=Nunito:wght@900&display=swap'); +* +{ + margin: 0; + padding: 0; + font-family: 'Nunito', sans-serif; +} +body +{ + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: radial-gradient(#111,#000); +} +h2 +{ + position: relative; + font-size: 8em; + text-transform: uppercase; + color: transparent; + background: linear-gradient(to bottom, #222 0%, #222 50%, #111 50%, #111 100%); + -webkit-background-clip: text; +} +h2:before +{ + content: attr(data-text); + position: absolute; + top: 4px; + left: 4px; + z-index: -1; + background: linear-gradient(45deg,#ff0,#0f0,#f00,#00f,#0f0); + -webkit-background-clip: text; + color: transparent; +} +h2:after +{ + content: attr(data-text); + position: absolute; + top: 30px; + left: 20px; + z-index: -2; + background: linear-gradient(45deg,#ff0,#0f0,#f00,#00f,#0f0); + -webkit-background-clip: text; + color: transparent; + filter: blur(20px); +} \ No newline at end of file