不。

根据CSS Grid Layout Module Level 1 规范，有 5 个可动画的网格属性：

grid-gap, grid-row-gap, grid-column-gap 作为长度、百分比或计算

grid-template-columns, grid-template-rows 作为长度、百分比或计算的简单列表，提供的唯一区别是列表中的长度、百分比或计算组件的值。

^来源

如果你只是想让用户看到文本的变化，你可以让一个 javascript，替换每个 div 的文本。在这种情况下，div 将是相同的（例如 div-1、div-2、div-3）。您只会更改文本。

如果您想更改完整 div + 内容（在 html 中）的位置及其 css 属性以更改，那么您必须扩展 javascript 以获得一个函数，该函数接受 3 个值并将它们随机排列，（例如，1,3 ,2)。通过javascript，您可以根据需要删除和创建div。

可以，Firefox v66 支​​持