html - この画像をホバー時にフェードさせるにはどうすればよいですか?

Question

<img>でこれにカーソルを合わせる<div>と、もう一方<div>が表示されるようにしようとしていますが、スムーズに他のに変更できるようにしてい<img>ます。これが私がここ
で 意味することのフィドルです、事前にすべての助けをありがとう!

この質問が以前に行われたことがある場合は、もう一度質問して申し訳ありません。探しているものが見つかりませんでした。

Answer 1

代わりに、トランジションをここに配置する必要があります。

#nav img
{
    height:20px;
    width:20px;
    -webkit-transition:opacity 1s ease-in-out;
    -moz-transition:opacity 1s ease-in-out;
    -o-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out;
}

動作中の jsFiddle デモを見る