マウスホバー時に画像を表示する

html

<a href="#">ねこさん</a>

CSS

a{
  position: relative;
}

a:after{
  content: "";
  position: absolute;
  top: 1em;
  left: 0;
  display: inline-block;
  pointer-events: none;
  width: 300px;
  height: 300px;
}

a:hover:after{
  background: url(nekosan.JPG); /* 表示する画像 */
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center top;
}