diff options
| author | Pitu <[email protected]> | 2021-01-04 01:04:20 +0900 |
|---|---|---|
| committer | Pitu <[email protected]> | 2021-01-04 01:04:20 +0900 |
| commit | fcd39dc550dec8dbcb8325e07e938c5024cbc33d (patch) | |
| tree | f41acb4e0d5fd3c3b1236fe4324b3fef9ec6eafe /src/site/components/logo | |
| parent | Create FUNDING.yml (diff) | |
| parent | chore: update todo (diff) | |
| download | host.fuwn.me-fcd39dc550dec8dbcb8325e07e938c5024cbc33d.tar.xz host.fuwn.me-fcd39dc550dec8dbcb8325e07e938c5024cbc33d.zip | |
Merge branch 'dev'
Diffstat (limited to 'src/site/components/logo')
| -rw-r--r-- | src/site/components/logo/Logo.vue | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/site/components/logo/Logo.vue b/src/site/components/logo/Logo.vue new file mode 100644 index 0000000..5c2546b --- /dev/null +++ b/src/site/components/logo/Logo.vue @@ -0,0 +1,27 @@ +<template> + <img src="~/assets/images/logo.png"> +</template> +<style lang="scss" scoped> + img { + height: 376px; + animation-delay: 0.5s; + animation-duration: 1.5s; + animation-fill-mode: both; + animation-name: floatUp; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + } + + @keyframes floatUp { + 0% { + opacity: 0; + transform: scale(0.86); + } + 25% { opacity: 100; } + 67% { + transform: scale(1); + } + 100% { + transform: scale(1); + } + } +</style> |