161sh/jointrashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/Crimekillz/jointrashposs.git synced 2024-11-22 08:53:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

(fix) parallax css

Browse Source
This commit is contained in:
kakkokari-gtyih 2023-09-23 19:17:19 +09:00
parent 654f3d158e
commit 080694da44
3 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/index/hero/Bg.vue
View File

@ -16,7 +16,8 @@ import Blob2 from '@/assets/svg/top-bg-object2.svg';
<style scoped> <style scoped>
.blobs { .blobs {
@apply absolute select-none pointer-events-none; @apply absolute select-none pointer-events-none;
animation: parallax linear; animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll(root y); animation-timeline: scroll(root y);
--coefficient-parallax: 6; --coefficient-parallax: 6;
} }

15
components/index/hero/Right.vue
View File

@ -16,7 +16,8 @@
.dots1 { .dots1 {
right: 900px; right: 900px;
top: 200px; top: 200px;
animation: parallax linear; animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll(root y); animation-timeline: scroll(root y);
--coefficient-parallax: 1.4; --coefficient-parallax: 1.4;
} }
@ -24,7 +25,8 @@
.dots2 { .dots2 {
right: 120px; right: 120px;
top: 500px; top: 500px;
animation: parallax linear; animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll(root y); animation-timeline: scroll(root y);
--coefficient-parallax: 1.5; --coefficient-parallax: 1.5;
} }
@ -37,7 +39,8 @@
right: 650px; right: 650px;
top: 400px; top: 400px;
height: 400px; height: 400px;
animation: parallax linear; animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll(root y); animation-timeline: scroll(root y);
--coefficient-parallax: 3; --coefficient-parallax: 3;
} }
@ -46,7 +49,8 @@
width: 750px; width: 750px;
top: 128px; top: 128px;
right: 300px; right: 300px;
animation: parallax linear; animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll(root y); animation-timeline: scroll(root y);
--coefficient-parallax: 2; --coefficient-parallax: 2;
} }
@ -56,7 +60,8 @@
right: 130px; right: 130px;
top: 128px; top: 128px;
height: 900px; height: 900px;
animation: parallax linear; animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll(root y); animation-timeline: scroll(root y);
--coefficient-parallax: 4; --coefficient-parallax: 4;
} }

1
nuxt.config.ts
View File

@ -3,7 +3,6 @@ import ViteYaml from '@modyfi/vite-plugin-yaml';
import svgLoader from 'vite-svg-loader'; import svgLoader from 'vite-svg-loader';
import genSitemap from './scripts/gen-sitemap'; import genSitemap from './scripts/gen-sitemap';
import { genApiTranslationFiles } from './scripts/gen-api-translations'; import { genApiTranslationFiles } from './scripts/gen-api-translations';
import { resolve } from 'path';
// 公開時のドメイン（末尾スラッシュなし） // 公開時のドメイン（末尾スラッシュなし）
const baseUrl = 'https://misskey-hub.net'; const baseUrl = 'https://misskey-hub.net';