在BlackNegative上看到的效果

Question

我想知道如何在Black Negative上看到效果 - 我在谈论有关“讲述，引人入胜，故事”这一文字的悬停效果...... 你能用css3或jQuery做到这一点，如果是这样，怎么样？

Answer 1

你可以使用jQuery实现基本功能（绝对不是完美的，但你可以通过一些调整来实现它）：

/* Expand on mouseover */
$(".whoweare-title").hover(function(){
    $(this).stop(true, false).animate({
        height: '87px',
        marginTop: '27px',
        marginBottom: '27px'
    });
    $(".whoweare-section-container").stop(true, false).animate({
        marginTop: '-126px',
    });
}, function() {
    $(this).stop(true, false).animate({
        height: '24px',
        marginTop: '0px',
        marginBottom: '0px'
    });
    $(".whoweare-section-container").stop(true, false).animate({
        marginTop: '-67px',
    });
});

另见this fiddle。