Html基础-定位、动画详解与举例，看完全都会了

animation: cutton 2s infinite 0.1s;

}

.circle:nth-child(2){

transform: rotate(45deg);

animation: cutton 1s infinite 0.2s;

}

.circle:nth-child(3){

transform: rotate(90deg);

animation: cutton 1s infinite 0.3s;

}

.circle:nth-child(4){

transform: rotate(135deg);

animation: cutton 1s infinite 0.4s;

}

.circle:nth-child(5){

transform: rotate(180deg);

animation: cutton 1s infinite .5s;

}

.circle:nth-child(6){

transform: rotate(225deg);

animation: cutton 1s infinite .6s;

}

.circle:nth-child(7){

transform: rotate(270deg);

animation: cutton 1s infinite .7s;

}

.circle:nth-child(8){

transform: rotate(315deg);

animation: cutton 1s infinite .8s;

}

css动画自主练习：