jquery - 在 BlackNegative 上看到的效果

Question

我想知道如何做黑色负片上看到的效果- 我正在谈论文本“讲述，迷人，故事”上的悬停效果......你可以只用 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',
    });
});

另见这个小提琴。