<img src="../../assets/zcjjkq.png" class="trans_fade_image">

@-webkit-keyframes fadeInOut {
  0% {
      opacity:0;
  }
  50% {
      opacity: 1;    
  }
  100% {
      opacity:0;
  }
}
.trans_fade_image {
  position:absolute;    
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: fadeInOut;
  -webkit-animation-duration: 12s;
  animation-fill-mode: forwards; /*让动画停留在最后一帧 */

}