css - 別の画像の上にマウスを置いたときの画像のフェードインおよびフェードアウト

Question

私は2つの画像を持っています。最初の画像の上に「マウスオーバー」すると2番目の画像がフェードインし、最初の画像から「マウスアウト」するとフェードアウトしたいと思います。

css3を使用してこれを達成するにはどうすればよいですか?

返信ありがとうございます。

Answer 1

実際、CSS3を使用してこれを行う方法はわかりませんが、JQueryを使用しています。

$('#image1').mouseover(function() {
  $('#image2').fadeIn();
});

$('#image1').mouseout(function() {
  $('#image2').fadeOut();
});

これはいくつかの画像の基本的な解決策ですが、必要に応じて動的に行うことができます。