diff options
| author | Marco Alexander Fischer | 2018-09-08 12:16:34 +0200 |
|---|---|---|
| committer | Marco Alexander Fischer | 2018-09-08 12:16:34 +0200 |
| commit | 2946e55c0d76049068b4de6e45557b0b22792018 (patch) | |
| tree | 223aa4aa6b89483339f975b580578e2a7e50f370 | |
| parent | a7f0f4b33ed080d63e3f8e1f2c07e824f135d6f2 (diff) | |
Added some text! :memo: :speech_balloon: :beers:
| -rw-r--r-- | assets/css/style.css | 40 | ||||
| -rw-r--r-- | index.html | 5 |
2 files changed, 44 insertions, 1 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index e69de29..07391ac 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -0,0 +1,40 @@ +/* ######################## + Texx-Web + Texx + by Marvin Borner + & Marco Alexander Fischer +######################### */ + +html, body { + height: 100%; +} + +body { + background-color: #282828; + display: flex; + align-items: center; + justify-content: center; +} + +.typewriter h1 { + font-family: 'Mukta', sans-serif; + color: white; + overflow: hidden; + border-right: .15em solid white; + white-space: nowrap; + margin: 0 auto; + letter-spacing: .15em; + animation: + typing 3.5s steps(40, end), + blink-caret .75s step-end infinite; +} + +@keyframes typing { + from { width: 0 } + to { width: 100% } +} + +@keyframes blink-caret { + from, to { border-color: transparent } + 50% { border-color: white; } +}
\ No newline at end of file @@ -6,9 +6,12 @@ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="./assets/css/style.css"> + <link href="https://fonts.googleapis.com/css?family=Mukta" rel="stylesheet"> <title>Texx Web</title> </head> <body> -<h1>Welcome to Texx!</h1> + <div class="typewriter"> + <h1>Welcome to Texx!</h1> + </div> </body> </html>
\ No newline at end of file |