layui自定义滑动弹窗动画

@keyframes layui-rl{

    from{transform:translateX(0px);}to{transform:translateX(-100%);}

}

@-webkit-keyframes layui-rl{

    from{transform:translateX(0px);}to{transform:translateX(-100%);}

}

.layui-anim {

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.layui-anim-rl {

    -webkit-animation-name: layui-rl;

    animation-name: layui-rl;

}

.layui-layer-adminRight {

    box-shadow: 1px 1px 10px rgba(0,0,0,.1);

    border-radius: 0;

    overflow: auto;

}