index.acss 4.4 KB

1
  1. .ant-popup{position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;touch-action:none}.ant-popup-mask{width:100%;height:100%;background-color:rgba(0,0,0,.55);animation-fill-mode:forwards}.ant-popup-mask-closing{animation-name:ant-popup-mask-close}.ant-popup-content{position:fixed;background:#fff;animation-fill-mode:forwards;animation-timing-function:ease-out;color:#333}.ant-popup-transform-top{top:0;left:0;right:0;animation-name:ant-popup-transform-top;border-radius:0 0 8px 8px}.ant-popup-transform-top-close{animation-name:ant-popup-transform-top-close}.ant-popup-transform-right{top:0;right:0;bottom:0;animation-name:ant-popup-transform-right}.ant-popup-transform-right-close{animation-name:ant-popup-transform-right-close}.ant-popup-transform-bottom{left:0;right:0;bottom:0;animation-name:ant-popup-transform-bottom;border-radius:8px 8px 0 0}.ant-popup-transform-bottom-close{animation-name:ant-popup-transform-bottom-close}.ant-popup-transform-left{top:0;left:0;bottom:0;animation-name:ant-popup-transform-left}.ant-popup-transform-left-close{animation-name:ant-popup-transform-left-close}.ant-popup-transform-center{top:50%;left:50%;transform:translate3d(-50%,-50%,0);animation-name:ant-popup-transform-center;border-radius:8px;background:0 0}.ant-popup-transform-center-close{animation-name:ant-popup-transform-center-close}.ant-popup-position-top{top:0;left:0;right:0;animation-name:ant-popup-position-top;border-radius:0 0 8px 8px}.ant-popup-position-top-close{animation-name:ant-popup-position-top-close}.ant-popup-position-right{top:0;right:0;bottom:0;animation-name:ant-popup-position-right}.ant-popup-position-right-close{animation-name:ant-popup-position-right-close}.ant-popup-position-bottom{left:0;right:0;bottom:0;animation-name:ant-popup-position-bottom;border-radius:8px 8px 0 0}.ant-popup-position-bottom-close{animation-name:ant-popup-position-bottom-close}.ant-popup-position-left{top:0;left:0;bottom:0;animation-name:ant-popup-position-left}.ant-popup-position-left-close{animation-name:ant-popup-position-left-close}.ant-popup-position-center{top:50%;left:50%;transform:translate3d(-50%,-50%,0);animation-name:ant-popup-position-center;border-radius:8px;background:0 0}.ant-popup-position-center-close{animation-name:ant-popup-position-center-close}@keyframes ant-popup-transform-top{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes ant-popup-transform-bottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes ant-popup-transform-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes ant-popup-transform-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes ant-popup-transform-center{0%{transform:translate3d(-50%,-50%,0) scale(.1);opacity:0}100%{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}}@keyframes ant-popup-transform-top-close{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes ant-popup-transform-bottom-close{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes ant-popup-transform-left-close{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes ant-popup-transform-right-close{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes ant-popup-transform-center-close{0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}20%{opacity:.8;transform:translate3d(-50%,-50%,0) scale(.9)}100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}}@keyframes ant-popup-position-top{0%{top:-100%}100%{top:0}}@keyframes ant-popup-position-bottom{0%{bottom:-100%}100%{bottom:0}}@keyframes ant-popup-position-left{0%{left:-100%}100%{left:0}}@keyframes ant-popup-position-right{0%{right:-100%}100%{right:0}}@keyframes ant-popup-position-center{0%{transform:translate3d(-50%,-50%,0) scale(.1);opacity:0}100%{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}}@keyframes ant-popup-position-top-close{0%{top:0}100%{top:-100%}}@keyframes ant-popup-position-bottom-close{0%{bottom:0}100%{bottom:-100%}}@keyframes ant-popup-position-left-close{0%{left:0}100%{left:-100%}}@keyframes ant-popup-position-right-close{0%{right:0}100%{right:-100%}}@keyframes ant-popup-position-center-close{0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}20%{opacity:.8;transform:translate3d(-50%,-50%,0) scale(.9)}100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}}@keyframes ant-popup-mask-close{0%{background-color:rgba(0,0,0,.55)}100%{background-color:rgba(0,0,0,0)}}