Remove animation if you prefer reduced motion

Signed-off-by: Odyssey346 <odyssey346@disroot.org>
This commit is contained in:
Odyssey346 2022-05-15 10:36:44 +02:00
parent ef458e1ca2
commit fbe51e7e46

View File

@ -55,14 +55,14 @@
display: inline-block; display: inline-block;
} }
.text-flicker-in-glow { .text-flicker-in-glow {
opacity:1; opacity: 1;
-webkit-animation: text-flicker-in-glow 3000ms both; -webkit-animation: text-flicker-in-glow 3000ms both;
animation: text-flicker-in-glow 3000ms both; animation: text-flicker-in-glow 3000ms both;
} }
@media screen and (prefers-reduced-motion) { @media screen and (prefers-reduced-motion) {
.text-flicker-in-glow { .text-flicker-in-glow {
opacity:1; opacity: 1;
-webkit-animation: text-flicker-in-glow 1000ms both; animation: none;
animation: text-flicker-in-glow 1000ms both; } }
} }
</style> </style>