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',
    });
});

このフィドルも参照してください。