CSS3动画样式的源代码

Question

浏览Handimania网站时，我意识到标题会在鼠标悬停时跳动一次。 现在，我知道这可能是使用CSS或CSS3完成的样式动画（我正确吗？），但是我不太确定如何查看源代码。

到目前为止，当一个吸引人的静态网页在我面前弹出时，我可以扫描它的html以获得其秘密和见解。 现在，我发现自己无法以相同的方式处理这种动态内容。 到目前为止，我可以说的是，在某个地方应该有一个名为hover的类，该类又会从0％渐变为100％，然后又回到0％，是带有静态灰色图像的透明背景的cyano PNG标题。

这是我能走的最远的地方

<div id="logo">
<img src="http://www.handimania.com/wp-content/themes/handimania/images/logo.png" alt="Handimania" class="hover"/>
<h1>
<img class="dark" src="http://www.handimania.com/wp-content/themes/handimania/images/logo-dark.png" alt="Handimania"/>
</h1>
<p id="tagline">Guides for Handmade, DIY &amp; Crafts Maniacs</p>
</div>

Answer 1

我认为可能是这段代码：

$('#logo .hover').hover(
    function(e) {
        console.log('enter');
        $('#logo .hover').animate({opacity: 1}, "slow");
        $('#logo .dark').animate({opacity: 0}, "slow");
    },
    function(e) {
        console.log('leave')
        $('#logo .dark').animate({opacity: 1}, "slow");
        $('#logo .hover').animate({opacity: 0}, "slow");
    }
);

包含在文件jquery.custom.js?ver=1.0中，它表明它是jQuery动画，而不是CSS3动画。