CSS动画

CSS3动画效果

@keyframes fade-in-up {

        from {

            opacity: 0;

            transform: translate3d(0, 80px, 0);

        }

        to {

            opacity: 1;

            transform: none;

        }

    }

.fade-in-up {

        animation-duration: 0.8s;//规定动画完成一个周期所花费的秒或毫秒

        animation-fill-mode: both;

        animation-name: fade-in-up;

    }

2、触发js，增加className="fade-in-up"

jQuery:each()方法

addClass()方法