본문 바로가기
웹퍼블리셔를 위한/HTML,CSS 팁

css animation 로 만드는 로딩 효과 애니메이션

by 디자인업 2021. 10. 9.

자바스크립트 없이 css 만을 이용하여 만든 로딩 효과 애니메이션입니다.

css 변수를 활용하여 각 원형 이미지에 시간차로 효과를 적용하여 돌아가는 모습을 구현하였습니다.

 

https://designup4.tistory.com/37

 

css animation, css 변수 (로딩 효과 애니메이션)

소스 코드 적용 예제 보기 http://designup.kr/study/css_loading/ 주요 관련 소스 사용자 지정 CSS 속성 사용하기 (변수) https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties ht..

designup4.tistory.com

댓글