User:BigCoight/common.css: Difference between revisions
From IdleOn MMO Wiki
imported>BigCoight mNo edit summary |
imported>BigCoight mNo edit summary |
||
Line 4: | Line 4: | ||
width:72px; | width:72px; | ||
height:72px; | height:72px; | ||
display:inline- | display:inline-block; | ||
vertical-align:bottom; | |||
} | } | ||
Latest revision as of 08:13, 9 February 2021
.img__wrap {
position: relative;
bottom: 0;
width:72px;
height:72px;
display:inline-block;
vertical-align:bottom;
}
.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;
transform: scale(.8);
}