diff options
| author | Minteck <nekostarfan@gmail.com> | 2021-06-05 19:27:48 +0200 |
|---|---|---|
| committer | Minteck <nekostarfan@gmail.com> | 2021-06-05 19:27:48 +0200 |
| commit | 8cf5cefe6e91a5a1ed6eeaae4d94760d84c304a6 (patch) | |
| tree | 7096b67b189c0220826123c7d5b121752545d140 /views/intro.css | |
| download | kartik-client-8cf5cefe6e91a5a1ed6eeaae4d94760d84c304a6.tar.gz kartik-client-8cf5cefe6e91a5a1ed6eeaae4d94760d84c304a6.tar.bz2 kartik-client-8cf5cefe6e91a5a1ed6eeaae4d94760d84c304a6.zip | |
Presque sortie du jeu
Diffstat (limited to 'views/intro.css')
| -rw-r--r-- | views/intro.css | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/views/intro.css b/views/intro.css new file mode 100644 index 0000000..bcda35f --- /dev/null +++ b/views/intro.css @@ -0,0 +1,33 @@ +.hero-inner { + position: fixed; + inset: 0; + background-image: url('./hero.svg'); + background-position: 100% 50%; + background-size: cover; + background-repeat: repeat; + background-attachment: scroll; + z-index: -1; +} + +.hero { + color: #fff; + background: linear-gradient(-45deg, #64f20c, #5cfbc6, #3149ff, #63f777); + background-size: auto; + background-size: 400% 400%; + animation: Gradient 10s ease infinite; + position: fixed; + inset: 0; + z-index: -2; +} + +@keyframes Gradient { + 0% { + background-position: 0 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0 50%; + } +}
\ No newline at end of file |