2 lines
2.6 KiB
CSS
Executable File
2 lines
2.6 KiB
CSS
Executable File
uni-page-body[data-v-23d9cf3c]{background-color:#333}body[data-v-23d9cf3c]{background-color:#333}.canvasBox[data-v-23d9cf3c]{width:100vw;height:100vh;position:relative;background-image:linear-gradient(0deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent);background-size:3rem 3rem;background-position:-1rem -1rem;z-index:10;background-color:rgba(17,17,17,0)}.box[data-v-23d9cf3c]{width:200px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border:.1rem solid rgba(0,255,51,.2);z-index:11}.line[data-v-23d9cf3c]{height:calc(100% - 2px);width:100%;background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#00ff33 211%);border-bottom:3px solid #00ff33;transform:translateY(-100%);animation:radar-beam-23d9cf3c 2s infinite alternate;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:1.4s}.box[data-v-23d9cf3c]:after,.box[data-v-23d9cf3c]:before,.angle[data-v-23d9cf3c]:after,.angle[data-v-23d9cf3c]:before{content:"";display:block;position:absolute;width:3vw;height:3vw;z-index:12;border:.2rem solid transparent}.box[data-v-23d9cf3c]:after,.box[data-v-23d9cf3c]:before{top:0;border-top-color:#0f3}.angle[data-v-23d9cf3c]:after,.angle[data-v-23d9cf3c]:before{bottom:0;border-bottom-color:#0f3}.box[data-v-23d9cf3c]:before,.angle[data-v-23d9cf3c]:before{left:0;border-left-color:#0f3}.box[data-v-23d9cf3c]:after,.angle[data-v-23d9cf3c]:after{right:0;border-right-color:#0f3}@keyframes radar-beam-23d9cf3c{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.msg[data-v-23d9cf3c]{text-align:center;padding:.625rem 0}.box2[data-v-23d9cf3c]{width:300px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20}.track[data-v-23d9cf3c]{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);z-index:20;color:#fff;display:flex;flex-direction:column;align-items:center}.mask[data-v-23d9cf3c]{position:absolute;z-index:10;background-color:rgba(0,0,0,.55)}.mask1[data-v-23d9cf3c]{top:0;left:0;right:0}.mask2[data-v-23d9cf3c]{right:0}.mask3[data-v-23d9cf3c]{right:0;left:0;bottom:0}.mask4[data-v-23d9cf3c]{left:0}.error[data-v-23d9cf3c]{color:#fff;padding:1.25rem;font-size:.75rem;background-color:#333;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:17.1875rem;border-radius:.625rem}.error .on1[data-v-23d9cf3c]{font-size:.9375rem}
|