aboutsummaryrefslogtreecommitdiff
path: root/components/VuetifyLogo.vue
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2020-05-10 09:24:22 -0400
committerAndrew Lee <alee14498@protonmail.com>2020-05-10 09:24:22 -0400
commitfa3f2d2cd196998bd1d0d09a0c649d7f26500ded (patch)
tree4ce90849ef672a1a8a5d693acb3c0f104bd0f613 /components/VuetifyLogo.vue
parent69474fee32c62e1b97b9f51b78a2e242542ae9a7 (diff)
downloadProject-NewTube-fa3f2d2cd196998bd1d0d09a0c649d7f26500ded.tar.gz
Project-NewTube-fa3f2d2cd196998bd1d0d09a0c649d7f26500ded.tar.bz2
Project-NewTube-fa3f2d2cd196998bd1d0d09a0c649d7f26500ded.zip
Added the files
Diffstat (limited to 'components/VuetifyLogo.vue')
-rw-r--r--components/VuetifyLogo.vue18
1 files changed, 18 insertions, 0 deletions
diff --git a/components/VuetifyLogo.vue b/components/VuetifyLogo.vue
new file mode 100644
index 0000000..9a60937
--- /dev/null
+++ b/components/VuetifyLogo.vue
@@ -0,0 +1,18 @@
+<template>
+ <img class="VuetifyLogo" alt="Vuetify Logo" src="/vuetify-logo.svg" />
+</template>
+
+<style>
+.VuetifyLogo {
+ height: 180px;
+ width: 180px;
+ transform: rotateY(560deg);
+ animation: turn 3.5s ease-out forwards 1s;
+}
+
+@keyframes turn {
+ 100% {
+ transform: rotateY(0deg);
+ }
+}
+</style>