jQuery

【jQuery】フェードイン効果で徐々にテキストを表示Reveal it

August 2, 2016

reveal-it.jsはフェードイン効果で左から右に徐々にテキストを明らかにするjQueryプラグイン。

Box 1

<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <p>Box 1: Reveal Immediately</p>
            <div class="box1">
                <h1>Lorem ipsum dolor sit amet, ne mel vero impetus voluptatibus</h1>
            </div>
        </div>
    </div>
</div>

jQuery(function () {
    //Box 1: reveal immediately - on page load
    //NOTE: id does refer to an element id, It is used to
    //      uniquely refer to the element to be revealed.
    var options1 = {
        id: 'box1'
    };
    $('.box1').initReveal(options1);
});

MITライセンス

Download