CSS: Added accessibility options (ty yukijoou <3)
This commit is contained in:
parent
d572056467
commit
f8740c7aa1
1 changed files with 9 additions and 0 deletions
|
@ -29,12 +29,21 @@ a::before {
|
||||||
left: 0;
|
left: 0;
|
||||||
transform-origin: right;
|
transform-origin: right;
|
||||||
transform: scaleX(0);
|
transform: scaleX(0);
|
||||||
|
opacity: 0%;
|
||||||
transition: transform .3s ease-in-out;
|
transition: transform .3s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
a::before {
|
||||||
|
transition: opacity .3s ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
a:hover::before {
|
a:hover::before {
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
transform: scaleX(1);
|
transform: scaleX(1);
|
||||||
|
opacity: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link {
|
a:link {
|
||||||
|
|
Loading…
Reference in a new issue