카피와 비주얼이 좌우로 번갈아 놓이는 지그재그 기능 소개. feature-grid가 "많다"라면 이건 하나하나 크게 설명한다. 방향은 CSS :nth-child(even)가 정해 항목을 지워도 안 뒤집힌다.
패턴은 전부 자립형입니다. 필요한 폴더만 복사해 넣으면 추가 의존성도, 빌드 설정도 없이 그대로 동작합니다.
색은 리터럴이 아니라 의미 단위 토큰을 참조합니다. 토큰만 바꾸면 라이트와 다크가 동시에 우리 브랜드가 됩니다.
캔버스 패턴은 뷰포트를 벗어나면 rAF를 반납하고, 입자가 다 사라지면 루프 자체를 끝냅니다. 스크롤이 무거워지지 않습니다.
좌우 교차는 CSS :nth-child(even)이 순서를 보고 정합니다. 마크업에 방향을 박으면 항목 하나를 지웠을 때 그 아래가 전부 뒤집힙니다.
기능이 많다를 보여줄 땐 feature-grid, 하나하나 크게 설명할 땐 이걸 쓰세요.
다른 패턴과 이어 붙인 화면에서 이 패턴이 어떤 자리에 놓이는지 볼 수 있습니다.