User:BigCoight/common.css: Difference between revisions
From IdleOn MMO Wiki
imported>BigCoight mNo edit summary |
imported>BigCoight mNo edit summary |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.img__wrap { | .img__wrap { | ||
position: relative; | position: relative; | ||
bottom: 0; | |||
width:72px; | |||
height:72px; | |||
display:inline-block; | |||
vertical-align:bottom; | |||
} | } | ||
.img__description { | .img__description { | ||
visibility: hidden; | visibility: hidden; | ||
opacity: 0; | opacity: 0; | ||
/* transition effect. not necessary */ | /* transition effect. not necessary */ | ||
transition: opacity .2s, visibility .2s; | transition: opacity .2s, visibility .2s; | ||
text-align:center; | |||
} | } | ||
| Line 26: | Line 24: | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
transform: scale(.8); | |||
} | } | ||
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);
}
