div 2 bei hover über div 1 LANGSAM einblenden

Hallo zusammen und danke für die Aufnahme,

ich bin neu hier und wie es eben so ist, der erste Anlass für eine Registrierung ist meist eine Frage.
Bei mir leider auch. Folgendes:

Ich habe mehrere

<div class="post-box">

und auf jedes folgt ein entsprechendes

<div class="post-img">

.
Das entsprechende img soll bei :hover über die post-box eingeblendet werden, so weit kein Problem. Es ist ja stets der darauffolgende Nachbar, also kann ich es mit

.post-box:hover + .post-img

problemlos ansprechen und sichtbar werden lassen.

Aber nun zu meinem eigentlichen Problem:
Die transition. Wie muss ich

transition

in dieser Situation einsetzen, wenn ich das img langsam erscheinen lassen möchte? Bzw. in einem angemessenem Tempo.

Schonmal vielen Dank im Voraus und besten Gruß,
Matta

Edit:
Forum und Internet habe ich durchsucht. Sicherlich nicht jede Ecke, aber über einen angemessenen Zeitraum hinweg. Leider die entsprechende Lösung nicht gefunden.

Ich hatte ein Ergebnis bei Google wohl übersehen oder falsch gesucht.
Es liegt daran, dass transition nicht als Übergang von "display:none" zu "display:block" funktioniert.
Wusste ich nicht.

So habe ich es dann auch gemacht, danke für die Antwort