仅使用CSS3进行棋盘过渡？
仅使用CSS3进行棋盘过渡？
提问于 2011-05-10 02:56:18
是否可以仅使用CSS3创建一个过渡的棋盘类型？
回答 2
Stack Overflow用户
发布于 2011-05-10 03:17:20
如果你想对图像做这件事(看不出其他东西是如何工作的)，你可以在一个网格中使用多个div，它们都有相同的背景图像，但背景位置不同，这样它看起来就像一个普通的图像。然后，您可以通过绝对定位这两个图像来获得该图像背后的另一个图像。然后，您可以使用不同的延迟动画网格上每个div的不透明度，以获得棋盘效果。
通过使用第n个子选择器，您可以更改每个其他选择器的延迟，或者更改更复杂的延迟。
您可能希望JS将div的背景图像设置为它们后面的图像，然后删除过渡并将不透明度设置为1。然后，您可以将后面的图像更改为新的图像，以便对该图像进行棋盘检查。
如果你做了这个，请让我知道-它听起来很棒！
Stack Overflow用户
发布于 2011-05-10 16:30:19
我不明白你的信息中的“过渡”是什么。但是你可以只用css3来画棋盘。看看这个：http://lea.verou.me/css3patterns/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5941179
复制相关文章
相似问题
腾讯云开发者
