是否可以仅使用 CSS 3 创建棋盘类型的过渡？
最佳答案
如果你想用图像来做(看不出这如何与其他任何东西一起工作)，你可以在网格中使用许多 div，所有的 div 都具有相同的背景图像，但背景位置不同，这样它看起来就像一个普通的图像。然后，您可以通过绝对定位它们来在那个图像后面有另一个图像。然后，您可以使用不同的延迟为网格上每个 div 的不透明度设置动画，以获得棋盘效果。
通过使用第 n 个子选择器，您可以更改每个其他选择器的延迟，或者更复杂的东西。
您可能希望 JS 然后将 div 的背景图像设置为它们后面的图像，然后删除过渡并将不透明度设置为 1。然后您可以将后面的图像更改为新的棋盘格图像.
如果你做了这个，请告诉我——听起来很棒!
关于animation - 仅使用 CSS3 的棋盘过渡？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5941179/