You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
1.1 KiB
1 lines
1.1 KiB
@charset "UTF-8";@keyframes u-loading-1{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes u-loading-2{from{transform:rotate(135deg)}to{transform:rotate(495deg)}}@keyframes u-loading-3{from{transform:rotate(225deg)}to{transform:rotate(-135deg)}}.u-loading{position:relative;width:30px;height:30px;margin:50px auto}.u-loading .ul-wrap{position:relative;width:30px;height:30px;animation:u-loading-1 4s linear infinite}.u-loading .ul-bar{position:absolute;display:block;width:15px;height:30px;overflow:hidden}.u-loading .ul-bar::after{content:'';box-sizing:border-box;position:absolute;display:block;top:0;width:30px;height:30px;border:2px solid rgba(255,76,82,.15);border-radius:50%}.u-loading .ul-bar-1{top:0;left:0}.u-loading .ul-bar-1::after{left:0;border-top-color:rgba(255,76,82,.7);border-left-color:rgba(255,76,82,.7);transform:rotate(135deg);animation:u-loading-2 2s linear infinite}.u-loading .ul-bar-2{top:0;right:0}.u-loading .ul-bar-2::after{right:0;border-top-color:rgba(255,76,82,.8);border-right-color:rgba(255,76,82,.8);transform:rotate(-135deg);animation:u-loading-3 2s linear infinite}
|