diff options
| author |   Ntkskwk <natsukawa247@outlook.com> | 2024-09-03 08:28:40 +0800 |
|---|---|---|
| committer | Ntkskwk <natsukawa247@outlook.com> | 2024-09-03 08:28:40 +0800 |
| commit | 731d318b4d5f279ea58f0688353a011a41532f42 (patch) | |
| tree | 0591290dde6c02e8a3a1890a74d40e07ad77852f | |
| parent | 7b6a0d472c88f55e6f31aa633099f96cd28be8b5 (diff) | |
| download | HydroRoll-731d318b4d5f279ea58f0688353a011a41532f42.tar.gz HydroRoll-731d318b4d5f279ea58f0688353a011a41532f42.zip | |
feat: add video background to index page
| -rw-r--r-- | site/src/assets/video/bg.mp4 | bin | 0 -> 877575 bytes | |||
| -rw-r--r-- | site/src/views/index/index.vue | 13 |
2 files changed, 13 insertions, 0 deletions
diff --git a/site/src/assets/video/bg.mp4 b/site/src/assets/video/bg.mp4 Binary files differnew file mode 100644 index 0000000..37e71d2 --- /dev/null +++ b/site/src/assets/video/bg.mp4 diff --git a/site/src/views/index/index.vue b/site/src/views/index/index.vue index ed34b4f..edba96f 100644 --- a/site/src/views/index/index.vue +++ b/site/src/views/index/index.vue @@ -13,6 +13,7 @@ import Right from './Right.vue' </header> <main class="main"> + <video src="@/assets/video/bg.mp4" loop=true autoplay=true></video> <Right /> </main> </template> @@ -44,4 +45,16 @@ header { flex-wrap: wrap; } } + +video{ + position: fixed; + right: 0; + bottom: 0; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -100; + filter: grayscale(20%); +} </style> |