배경 gradient drift
CSSComposite


새로운 시작
흐림 효과(filter: blur)는 그대로 두고 위치(transform)만 움직입니다. 흐림은 계산이 무거운데, 이렇게 하면 한 번 계산한 흐림을 옮기기만 하므로 가볍습니다. 덩어리마다 --x, --y로 다른 방향을 주고 왕복시킵니다. 히어로 배경이나 빈 화면을 채울 때 씁니다.
값 조정
바꾼 값은 아래 코드에 바로 반영됩니다.
- 애니메이션 속성
- transform
- 렌더링 비용
- Composite
demo-로 시작하는 클래스는 미리보기 모양을 위한 것이라 복사할 코드의 CSS에는 넣지 않았습니다.