2014-09-14 3 views
2

나는 그들이 특정 순서로 오도록 움직이기를 원하지만 나는 얼마나 많은 아이템을 가질 지 미리 알지 못한다. 항목은 대각선에 따라 표시되어야합니다. 따라서 아래 예제 그리드에서 셀 1이 먼저 와야하고 셀 번호가 2 등이되어야합니다.css 애니메이션을 사용하여 순차적으로 알 수없는 항목에 애니메이션을 적용하는 방법은 무엇입니까?

1 2 3 4 5 
2 3 4 5 6 
3 4 5 6 7 

저는 애니메이션 지연을 자바 스크립트를 사용하여 설정할 수 있지만이 작업을 수행 할 수있는 순수한 CSS 방법이 있습니까?

+1

믿을만한 CSS 해결책이 없습니다. – idmean

+0

흠, 흥미 롭습니다. 올바른 순서로 '절대'위치 항목에 nth-child() 수학을 사용할 수는 있지만 확실하지는 않습니다. 렌더링하기 전에 특정 클래스 이름을 줄 수 있다면 훨씬 쉬울 것입니다. – webkit

+0

하지만 어떻게해서 n 번째 아이의 'n'에 액세스 할 수 있습니까? – bigblind

답변

1

wow.js를 사용하고 데이터 속성을 사용하여 오프셋을 설정할 수 있습니다.

관련 문제