User:BigCoight/common.css

From IdleOn MMO Wiki
< User:BigCoight
Revision as of 08:10, 9 February 2021 by imported>BigCoight

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
.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;
}