jquery - 在 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 .