dhsz项目 顶部弹窗 动画效果

    .shade-msg-body {
        animation: myfirst 300ms;
        -webkit-animation: myfirst 300ms;
        position: absolute;
        bottom: 0;
        width: 750upx;
        height: 402upx;
        background-color: #FFFFFF;
    }

    @keyframes myfirst {
         from {bottom:-300px; } 100% { bottom:0px; }
    }
    @-webkit-keyframes myfirst{
     from {bottom:-300px; } 100% { bottom:0px; }
    
    }