正文{背景：#222；溢出：隐藏；}:root{--color:rgba(255,165,0,1);}.loading{位置：相对；宽度：8rem；高度：8rem；-webkit-transform-style:preserve-3d;变换样式：保留3d；-webkit-perspective:40rem;视角：40rem；指针事件：无；底部边距：40px；}.loading.line{位置：绝对；顶部：0；左：0；宽度：100%；高度：100%；边界半径：50%；border-bottom:0.15remsolidvar(--color);}.loading.line:first-child{-webkit-animation:rotate11.15s线性无限；动画：rotate11.15s线性无限；}.loading.line:nth-child(2){-webkit-animation:rotate21.15s线性无限;动画：rotate21.15s线性无限}.loading.line:nth-child(3){-webkit-animation：rotate31.15s线性无限；animation:rotate31.15slinearinfinite}.loading.line:first-child{-webkit-animation-delay:-.8s;动画延迟：-.8s；}.loading.line:nth-child(2){-webkit-animation-delay:-.4s;动画延迟：-.4s}.loading.line:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}@keyframesrotate1{0%{-webkit-transform:rotateX(35deg)rotateY(-45deg)rotate(0);变换：rotateX(35deg)rotateY(-45deg)旋转(0)}to{-webkit-transform:rotateX(35deg)rotateY(-45deg)rotate(1turn);变换：rotateX（35deg）rotateY（-45deg）rotate（1turn）}}@keyframesrotate2{0％{-webkit-transform：rotateX（50deg）rotateY（10deg）rotate（0）;变换：rotateX（50deg）rotateY（10deg）rotate（0）}到{-webkit-transform：rotateX（50deg）rotateY（10deg）rotate（1turn）;变换：rotateX（50deg）rotateY（10deg）rotate（1turn）}}@keyframesrotate3{0％{-webkit-transform：rotateX（35deg）rotateY（55deg）rotate（0）;变换：rotateX（35deg）rotateY（55deg）rotate（0）}到{-webkit-transform：rotateX（35deg）rotateY（55deg）rotate（1turn）;变换：rotateX(35deg)rotateY(55deg)rotate(1turn)}}/*第二个*/.loading2.line2{position:absolute;顶部：0；左：0；宽度：100%；高度：100%；边界半径：50%；border-bottom:0.1remsolidvar(--color);border-top:0.1remsolidvar(--color);}.loading2.line2:first-child{-webkit-animation:rotate41.15s线性无限;动画：rotate41.15s线性无限；}.loading2.line2:nth-child(2){-webkit-animation:rotate51.15s线性无限;动画：rotate51.15s线性无限}@keyframesrotate4{0%{-webkit-transform:rotateX(55deg)rotateY(-30deg)rotate(0);变换：rotateX（55deg）rotateY（-30deg）rotate（0）}到{-webkit-transform：rotateX（55deg）rotateY（-30deg）rotate（1turn）;传输orm:rotateX(55deg)rotateY(-30deg)rotate(1turn)}}@keyframesrotate5{0%{-webkit-transform:rotateX(55deg)rotateY(30deg)rotate(0);变换：rotateX（55deg）rotateY（30deg）rotate（0）}到{-webkit-transform：rotateX（55deg）rotateY（30deg）rotate（1turn）;变换：旋转X（55度）旋转Y（30度）旋转（1转）}}
