| 123456789101112131415161718192021222324 |
- .lds-dual-ring {
- display: inline-block;
- width: 64px;
- height: 64px;
- }
- .lds-dual-ring:after {
- content: ' ';
- display: block;
- width: 46px;
- height: 46px;
- margin: 1px;
- border-radius: 50%;
- border: 5px solid #fff;
- border-color: #42b983 transparent #42b983 transparent;//可修改颜色
- animation: lds-dual-ring 1.2s linear infinite;
- }
- @keyframes lds-dual-ring {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
|
