Transformaciones después de un display block.

[pzin]

No sé si te valdrá, pero para los menus lo que suele hacerse es usar visibility, posiciones relativas y absolutas y trastear un poco con el delay:

Código CSS:

a {
  position: relative;
}
 
.aparece {
  position: absolute;
  visibility: hidden;
  width: 500px;
  height: 500px;
  opacity: 0;
  transition: visibility 0 linear 1s, opacity 1s;
  /*
  O ansina:
  transition-property: visibility, opacity;
  transition-duration: 0, 1s;
  transition-delay: 1s, 0;
  */
}
 
a:hover div.aparece {
  visibility: visible;
  background-color: Red;
  opacity: .8;
  transition-delay: 0;
}