diff options
author | ache <ache@ache.one> | 2021-05-25 00:56:31 +0200 |
---|---|---|
committer | ache <ache@ache.one> | 2021-05-25 00:56:31 +0200 |
commit | 5929408c6ca32ed2714ceca35c871420fdff0ccd (patch) | |
tree | ca15328ec10c39e394253b1bcd1e0da0f3adc942 /src/css | |
parent | Set id to logo (diff) |
Add animation to text presentation
Diffstat (limited to 'src/css')
-rwxr-xr-x | src/css/_sommaire.scss | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/src/css/_sommaire.scss b/src/css/_sommaire.scss index c21c583..8c589f9 100755 --- a/src/css/_sommaire.scss +++ b/src/css/_sommaire.scss @@ -42,8 +42,6 @@ margin: 0 auto; display: block; } - - @media #{$gt-gsm} { position: fixed; top: 0; @@ -82,6 +80,23 @@ .about { font-size: 0.8em; color: #666; + font-family: monospace; + align-items: center; + justify-content: center; +} +.about > .type_wrap { + display: inline-flex; +} +.type_wrap > .type { + animation: typing 1.5s steps(22); + width: 20ch; + white-space: nowrap; + overflow: hidden; +} +@keyframes typing { + 0% { + width: 0; + } } .about_bar { display: inline-block; |