Answers for "click div and show information about this div html css fade in fade out"

css fade in and stay

.fadePopInAndStay {
	display: block;
	opacity: 0;
	visibility: visible;
	animation-name: doAnimStay;
	animation-duration: 2s;
	animation-fill-mode: forwards;/* Makes it stay after animation */
}
@-webkit-keyframes doAnimStay{
  0%   {opacity:0;}
  100% {opacity:1;}
}

css fade div

ol {
  border   : 1px #d8d8d8 dashed;
  position : relative;
}

ol:after {
  content  : "";
  position : absolute;
  z-index  : 1;
  bottom   : 0;
  left     : 0;
  pointer-events   : none;
  background-image : linear-gradient(to bottom, 
                    rgba(255,255,255, 0), 
                    rgba(255,255,255, 1) 90%);
  width    : 100%;
  height   : 4em;
}