diff options
author | Minteck <contact@minteck.org> | 2022-05-18 18:50:12 +0200 |
---|---|---|
committer | Minteck <contact@minteck.org> | 2022-05-18 18:50:12 +0200 |
commit | 0bd45cb2cae3af05adaad3f38d129bb67c3e0ec0 (patch) | |
tree | 97a7e15187fe7fcb5b8775e03a62f62ac8fc5c61 /kartik/views/intro.css | |
parent | d4805039b8ea7b30f5e78cf53caf8fd3f267256a (diff) | |
download | arcade-trunk.tar.gz arcade-trunk.tar.bz2 arcade-trunk.zip |
Diffstat (limited to 'kartik/views/intro.css')
-rwxr-xr-x | kartik/views/intro.css | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/kartik/views/intro.css b/kartik/views/intro.css new file mode 100755 index 0000000..bcda35f --- /dev/null +++ b/kartik/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 |