CSS만으로 (제출중인 Ajax 양식) 버튼에 빙글빙글을 표시하는 예
데모:
.submit.loading::before {
background-color: rgba(0,0,0,.5);
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.submit.loading::after {
animation: rotate 1s infinite linear;
content: "*";
color: #fff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
@keyframes rotate {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}
::before
에서 오버레이를 표시하고 ::after
에 animation
를 설정해 온다.
Reference
이 문제에 관하여(CSS만으로 (제출중인 Ajax 양식) 버튼에 빙글빙글을 표시하는 예), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ginpei/items/d9fe884574d8b5751f07텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)