网格行变换器过渡/动画

Question

我有三个元素，当元素可见时定位在中间网格行（网格行：2）（使用类.hide和.show，以及它们改变的js），并定位在中间（网格行:3) while 被隐藏。我想对该运动进行过渡，即第三行和第二行之间的过渡，反之亦然。

    .show{
        opacity: 1;
        grid-row: 2;
    }
    .hide{
        opacity: 0;
        grid-row: 3;
    }

Answer 1

您无法转换仅接受整数值的属性。所以你可以转换 opacity 属性，但不能转换 grid-row 属性。