@ozo/react-rock
Version:
React 移动端开发脚手架，基于CRA3，通用、开箱即用。
2 lines • 2.4 kB
CSS
.LoadSpinner_wrapper__5bj6e{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.LoadSpinner_loader__bHxlS{position:relative;width:2.5em;height:2.5em;-webkit-transform:rotate(165deg);transform:rotate(165deg)}.LoadSpinner_loader__bHxlS:after,.LoadSpinner_loader__bHxlS:before{content:"";position:absolute;top:50%;left:50%;display:block;width:.5em;height:.5em;border-radius:.25em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.LoadSpinner_loader__bHxlS:before{-webkit-animation:LoadSpinner_before__1ysGw 2s infinite;animation:LoadSpinner_before__1ysGw 2s infinite}.LoadSpinner_loader__bHxlS:after{-webkit-animation:LoadSpinner_after__1cVIK 2s infinite;animation:LoadSpinner_after__1cVIK 2s infinite}.LoadSpinner_error__2abI6{color:#2d78f4;cursor:pointer;text-decoration:underline}@-webkit-keyframes LoadSpinner_before__1ysGw{0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)}70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)}to{box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}}@keyframes LoadSpinner_before__1ysGw{0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)}70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)}to{box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}}@-webkit-keyframes LoadSpinner_after__1cVIK{0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)}70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)}to{box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}}@keyframes LoadSpinner_after__1cVIK{0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)}70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)}to{box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}}
/*# sourceMappingURL=1ef7.bf5a948d.chunk.css.map */