- .body{display:flex;flex-direction:row;height:100vh;width:100vw;box-sizing:padding-box;}.left{width:35%;height:100%;display:flex;justify-content:center;align-items:center;background-image:url("../../Image/Stu/yuanhu.png");background-size:100% 100%;}.left img{margin-top:-5%;width:80%;}.right{width:65%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;}.right img{animation:spin 8s linear infinite;height:60%;}.text-box{position:absolute;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-2%;}.text-box .name{font-size:36px;font-weight:600;color:#fff;background:#11998e;padding:15px 100px;letter-spacing:10px;padding-right:90px;border-radius:50px;}.text-box .wait-text{font-size:90px;font-weight:600;color:#3c3c3c;letter-spacing:20px;margin-top:50px;padding-right:20px;}@keyframes spin{0%{transform:rotate(0deg);}35%{transform:rotate(180deg);}50%{transform:rotate(180deg);}85%{transform:rotate(360deg);}100%{transform:rotate(360deg);}}
|
