css 내용 로드를 나타내는 데 사용할 수 있는 도넛 선별기를 만듭니다
관련링크
본문
HTML :
<div class="donut"></div>
CSS :
@keyframes donut-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.donut {
display: inline-block;
border: 4px solid rgba(0, 0, 0, 0.1);
border-left-color: #7983ff;
border-radius: 50%;
width: 30px;
height: 30px;
animation: donut-spin 1.2s linear infinite;
}
페이지 정보
[ 조회 73회 ] 작성일18-08-31 23:25