【发布时间】：2011-05-09 18:56:18
【问题描述】：
是否可以仅使用 CSS 3 创建棋盘类型的过渡？
【问题讨论】：
-
我不这么认为。你有没有看到类似的东西可以链接到？
标签： animation css transition
【发布时间】：2011-05-09 18:56:18
【问题描述】：
如果你想用图像来做这件事（看不出这将如何与其他任何东西一起使用），你可以在一个网格中使用多个 div，所有这些 div 都具有相同的背景图像，但具有不同的背景位置，这样它只是看起来像一个正常的图像。然后，您可以通过绝对定位它们来在该图像后面放置另一个图像。然后，您可以使用不同的延迟为网格上每个 div 的不透明度设置动画，以获得棋盘效果。
通过使用第 n 个子选择器，您可以更改每个其他选择器的延迟或更复杂的东西。
您可能希望 JS 将 div 的背景图像设置为它们后面的图像，然后删除过渡并将不透明度设置为 1。然后您可以将后面的图像更改为棋盘格的新图像。 .
如果你做了这个，请告诉我——听起来很棒！
【讨论】：
-
这是个好主意。似乎这是唯一的方法。我希望我可以使用动画 CSS3 蒙版为棋盘过渡提供动力……这可能不存在。背景图像重复了很多次让我担心浏览器会卡住。这是一个合理的担忧吗？或者...我可以触发硬件加速，如图所示？？？ 24ways.org/2010/intro-to-css-3d-transforms ... 有很多新东西要学。
-
我想你只需要尝试一下！使用画布可能是另一种探索途径。
我不明白您的消息中的“过渡”是什么。但是你可以只用css3画一个棋盘。看看这个：http://lea.verou.me/css3patterns/
【讨论】：
-
链接失效
-
谢谢，现在已修复