如何将转换应用于具有display：none的元素？

I have some divs that appear when you hover an image. However, I want to have a transition rather than the images appearing so abruptly. I'm trying to avoid javascript if possible. I have some divs that appear when you hover an