只要你真正掌握好transition、animation、@keyframes，哪里还有Animate.css的事儿？

*:not([class*=layui-layer]), :before, :after, :visited, :focus, :focus-within, :checked {
    transition: .382s; /* IE 9 */
    -moz-transition: .382s; /* Firefox 4 */
    -webkit-transition: .382s; /* Safari 和 Chrome */
    -o-transition: .382s; /* Opera */
    -khtml-transition: .382s; /* only Safari */

    transition-delay: 10s;/*延时10秒钟执行动作，男生最喜欢这个延时功能（笑而不语~）*/
}

.animate-name {
    animation: animate-name .618s ease-out 1s infinite alternate forwards;/*alternate循环倒放 forwards播放到to的位置停留*/
    animation-play-state: paused | running;/*控制中途停止播放*/
}

@keyframes animate-name {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}