eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-14 10:09: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 {
max-height: 45vmin;
width: auto;
height: 55vmin;
position: absolute;
transform: translate(-50%, -50%);
img {
height: 55vmin;
width: auto;
}
}
.image[data-status="inactive"] {
display: none;
.inactive {
opacity: 0;
transition: opacity 300ms ease-in-out;
}
.image[data-status="active"] {
display: block;
.active {
opacity: 1;
transition: opacity 0ms ease-in-out;
}