eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-22 05:59:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

add fading effect for inactive images

Browse Source
This commit is contained in:
Spedon
2023-03-10 17:01:27 +08:00
parent ceabfeaac8
commit 0dfe6178b9
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/_partial/_image.scss
View File

@@ -1,14 +1,20 @@
.image { .image {
max-height: 45vmin; height: 55vmin;
width: auto;
position: absolute; position: absolute;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
img {
height: 55vmin;
width: auto;
}
} }
.image[data-status="inactive"] { .inactive {
display: none; opacity: 0;
transition: opacity 300ms ease-in-out;
} }
.image[data-status="active"] { .active {
display: block; opacity: 1;
transition: opacity 0ms ease-in-out;
} }