summaryrefslogtreecommitdiff
path: root/kartik/views/intro.css
diff options
context:
space:
mode:
authorMinteck <contact@minteck.org>2022-05-18 18:50:12 +0200
committerMinteck <contact@minteck.org>2022-05-18 18:50:12 +0200
commit0bd45cb2cae3af05adaad3f38d129bb67c3e0ec0 (patch)
tree97a7e15187fe7fcb5b8775e03a62f62ac8fc5c61 /kartik/views/intro.css
parentd4805039b8ea7b30f5e78cf53caf8fd3f267256a (diff)
downloadarcade-trunk.tar.gz
arcade-trunk.tar.bz2
arcade-trunk.zip
Add KartikHEADtrunk
Diffstat (limited to 'kartik/views/intro.css')
-rwxr-xr-xkartik/views/intro.css33
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