悬停时从上到下动画图像[关闭]

【问题标题】：Animate image from top to bottom on hover [closed]悬停时从上到下动画图像[关闭]
【发布时间】：2013-02-28 21:02:13
【问题描述】：

我正在尝试这样：http://demo.highthemes.com/smartscreen/ 在右上角的图像链接选项卡上..悬停它的动画和更改颜色..有人可以帮忙吗？

【问题讨论】：

无论您尝试什么，请发布代码
我需要那个代码:)
@DeneshKumar 直到并且除非你表现出你的努力。没有人会帮助你。事实上的问题很快就会结束
对不起，我对此很陌生..如果有人能帮助我实现这个概念，我们将不胜感激。

【解决方案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：A little fiddle I did

除此之外，您还可以使用带有 :hover 和 CSS animations 的纯 CSS 解决方案。

【讨论】：

感谢您的回复:):)，将尝试一下