[CSS] Spin animation - loading
CSS3 에서 애니메이션이라는 속성을 쓰면 플래쉬처럼 움직이는 객체를 만들 수 있다.다음 예시는 요즘 흔히 보는 로딩화면에서 쓰이는 원형이 움직이는 애니메이션을 CSS3로 구현한 예시이다.HTML은 다음과 같이 div 태그에 클래스명을 spinner 라고 넣어주고CSS로 동그란 모양과 색상, 애니메이션을 입혀주면 된다. HTML CSS .spinner { width: 50px; height: 50px; margin: 0 auto 1rem; border: 3px solid #EAEAEA; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; -webkit-animation:spin 1000ms infinite..