animate.cssを試してみる

Animate.css

github.com

アニメーションの状態を制御したい場合は、

直接cssを追加するのがいい様子、fadeInの時間を変更してみる。

@-webkit-keyframes fadeInDuration3 {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.9;
    }
}

@keyframes fadeInDuration3 {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.9;
    }
}

.fadeInDuration3 {
    animation-duration: 5s;
    -webkit-animation-name: fadeInDuration3;
    animation-name: fadeInDuration3;
}