aboutsummaryrefslogtreecommitdiff
path: root/components/VuetifyLogo.vue
diff options
context:
space:
mode:
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>