jquery - ホバー時に画像を上から下にアニメーション化する

Question

私はこのようにしようとしています：http：//demo.highthemes.com/smartscreen/右隅の画像リンクタブがあります..そのアニメーションと色の変更にカーソルを合わせると..誰でもこれを手伝うことができますか？

Answer 1

これは、jQuery ソリューションの良い出発点になる可能性があります。

$(".on-hover-show-whatever").on('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    $(this).find('.whatever').slideDown(250);
  } else {
    $(this).find('.whatever').slideUp(250);
  }
});

ここでこのjsFiddleを見てください：私がやった小さなフィドル

それ以外は、純粋な CSS ソリューションを :hover とCSS アニメーションで使用できます。