diff options
Diffstat (limited to 'Website/pages/index.vue')
-rw-r--r-- | Website/pages/index.vue | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/Website/pages/index.vue b/Website/pages/index.vue index a1aaaca..356fe8b 100644 --- a/Website/pages/index.vue +++ b/Website/pages/index.vue @@ -31,18 +31,20 @@ <style scoped> #thumbslogo { opacity: 0; + transition-property: opacity, transform; transform: scale(0) rotate(180deg); animation: popin 1s 1s ease-in-out 1 forwards, thumbsflip 2s 3s ease-in-out infinite alternate; } @keyframes popin { 0% { - transform: rotate(180deg) scale(0.5); + transform: rotate(180deg) scale(0); opacity: 0; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } } + @keyframes thumbsflip { 0% { transform: rotate(0deg) scale(1); @@ -52,6 +54,15 @@ transform: rotate(180deg) scale(.9); } } + +/* reduced-motion animations */ +@media (prefers-reduced-motion) { + #thumbslogo { + opacity: 1; + transform: none; + animation: none; + } +} </style> <script> |