我可以设置CSS Grid Layout组件的动画吗？ [英] Can I animate CSS Grid Layout components?

问题描述

是否可以对数组中以CSS网格布局显示的组件的顺序进行动画处理？

Is there a way to animate a changed order of components in an array that are displayed with a CSS Grid layout?

这是一个简短的样板

推荐答案

否。

NO.

根据 CSS网格布局模块1级规范 有5种可设置动画的网格属性：

According to the CSS Grid Layout Module Level 1 specification there are 5 animatable grid properties:

网格间隙，网格行间隙，网格列间隙
作为长度，百分比或计算

grid-gap, grid-row-gap, grid-column-gap as length, percentage, or calc

grid-template-columns，grid-template-rows
作为长度，百分比或calc的简单列表，条件是唯一的区别是列表中的长度，百分比或计算组成部分。

grid-template-columns, grid-template-rows as a simple list of length, percentage, or calc, provided the only differences are the values of the length, percentage, or calc components in the list.

^来源

这篇关于我可以设置CSS Grid Layout组件的动画吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！