ABBO 기술 블로그

이번 글에서는 Spinner라고 하여 Button에 애니메이션을 넣고 돌아가는 버튼을 구현해보려 합니다. 샘플 코드 샘플 코드는 Codepen이라는 것으로 보여지도록 처리하였습니다. HTML 삽입 미리보기할 수 없는 소스 HTML 버튼은 심플하게 일반 버튼 내에 span 태그가 있는 것으로 설정하였습니다. Save CSS 기본적인 스타일과 버튼의 이미지를 부여합니다. body { font-family: system-ui; background: #f06d06; color: white; text-align: center; } .button { position: relative; padding: 8px 16px; background: skyblue; border: 5px; outline: none; borde..