User:BigCoight/common.css: Difference between revisions
From IdleOn MMO Wiki
imported>BigCoight mNo edit summary |
imported>BigCoight mNo edit summary |
||
| Line 1: | Line 1: | ||
.img__wrap { | .img__wrap { | ||
position: | position: absolute; | ||
bottom: 0; | |||
width:72px; | width:72px; | ||
height:72px; | height:72px; | ||
display:inline-block; | display:inline-block; | ||
text-align:center; | |||
} | } | ||
| Line 11: | Line 13: | ||
/* transition effect. not necessary */ | /* transition effect. not necessary */ | ||
transition: opacity .2s, visibility .2s; | transition: opacity .2s, visibility .2s; | ||
text-align:center; | |||
} | } | ||
Revision as of 08:10, 9 February 2021
.img__wrap {
position: absolute;
bottom: 0;
width:72px;
height:72px;
display:inline-block;
text-align:center;
}
.img__description {
visibility: hidden;
opacity: 0;
/* transition effect. not necessary */
transition: opacity .2s, visibility .2s;
text-align:center;
}
.img__wrap:hover {
transform: scale(1.2);
transition: 0.2s ease-out;
}
.img__wrap:hover .img__description {
visibility: visible;
opacity: 1;
}
