스켈레톤 shimmer
CSSComposite


흔히 배경 위치(background-position)를 움직여서 만드는데, 이 방법은 매 프레임 화면을 다시 그려야 합니다. 여기서는 빛 모양을 가상 요소에 한 번 그려 두고 transform으로 옮기기만 하므로 더 가볍습니다.
값 조정
바꾼 값은 아래 코드에 바로 반영됩니다.
- 애니메이션 속성
- transform
- 렌더링 비용
- Composite
demo-로 시작하는 클래스는 미리보기 모양을 위한 것이라 복사할 코드의 CSS에는 넣지 않았습니다.