Alvin-Zilverstand/return-youtube-dislike
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/return-youtube-dislike.git synced 2026-10-28 07:40:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

prefers-reduced-motion a11y adjustment

Browse Source
This commit is contained in:
Nikita Krupin
2021-12-04 13:08:26 -05:00
parent 85545af678
commit a69067b4c5
2 changed files with 57 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Website/pages/index.vue
+12 -1
View File
@@ -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>