Add files via upload

2022-04-15 12:59:36 +02:00 · 2022-04-15 12:59:36 +02:00 · c854fe923f
parent fcfa28d8aa
commit c854fe923f
2 changed files with 58 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Leuchtender Text</title>
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <h2 data-text="M_Viper">M_Viper</h2>
+    </body>
+</html>
--- a/style.css
+++ 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);
+}