CSS 그리드 애니메이션

Question

CSS 그리드와 함께 표시되는 배열에서 변경된 구성 요소 순서에 애니메이션을 적용 할 수 있습니까?

여기에 짧은 boilerplate

Answer 1

NO입니다.

가 CSS Grid Layout Module Level 1 specification 따르면 5 개 애니메이션화 격자 특성이있다 : 길이 비율 또는 CALC의 간단한리스트로서 길이 비율 또는 CALC

grid-template-columns, grid-template-rows 같은

grid-gap, grid-row-gap, grid-column-gap 제공된 유일한 차이점은 목록의 길이, 백분율 또는 계산 구성 요소의 값입니다.

^Source