simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Animate position-object when link is focused

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-20 17:51:41 +08:00
parent 79df9546bd
commit cd70bf87db
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/status.css
View file

@ -421,7 +421,8 @@
object-position: 50% 50%; object-position: 50% 50%;
} }
} }
.status .media img:hover { .status .media img:is(:hover, :focus),
a:focus-visible .status .media img {
animation: position-object 5s ease-in-out 1s 5; animation: position-object 5s ease-in-out 1s 5;
} }
body:has(#modal-container .carousel) .status .media img:hover { body:has(#modal-container .carousel) .status .media img:hover {
@ -625,7 +626,8 @@ body:has(#modal-container .carousel) .status .media img:hover {
border-inline-end: 0; border-inline-end: 0;
border-block-end: 1px solid var(--outline-color); border-block-end: 1px solid var(--outline-color);
} }
.card:is(:hover, :focus) img { .card:is(:hover, :focus) img,
a:focus-visible .card img {
animation: position-object 5s ease-in-out 1s 5; animation: position-object 5s ease-in-out 1s 5;
} }
.card p { .card p {