diff options
Diffstat (limited to 'src/site/components/logo/Logo.vue')
| -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> |