简单css动画 fadeIn fadeOut flash

考虑兼容性采用 -webkit- -o- -mos- -ms-
@keyframes fadeIn{
    0%{
        opacity: 0;
        display: block;
    }
    100%{
        opacity: 1;
    }
}

@keyframes fadeOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        display: none;
    }
}

@keyframes flash{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
posted @ 2017-05-27 12:08  烂拖鞋  阅读(2408)  评论(0编辑  收藏  举报