棋盘格过渡仅使用CSS3吗？
[英]Checkerboard transition with CSS3 Only?
问题描述
是否可以仅使用CSS 3创建棋盘格过渡类型？
2 个解决方案
解决方案1
0 2011-05-09 19:17:20
如果您想对图像进行处理（看不到其他方法如何工作），则可以在网格中使用多个div，这些div具有相同的背景图像，但背景位置不同，因此看起来像普通的图像一样。 然后，您可以通过绝对定位两个图像，在其后放置另一个图像。 然后，您可以使用不同的延迟为网格上每个div的不透明度设置动画，以获得棋盘效果。
通过使用第n个子选择器，您可以更改其他每个选择器的延迟，或者更复杂的延迟。
您可能希望JS然后将div的背景图像设置为其后的图像，然后删除过渡并将不透明度设置为1。然后可以将其后的图像更改为该棋盘的新内容。
如果您这样做，请告诉我-听起来很棒！
解决方案2
0 2011-05-10 08:30:18
我不明白您的邮件中的“转换”是什么。 但是您可以仅使用css3绘制棋盘。 看看这个： http : //lea.verou.me/css3patterns/
CSS3动画与jQuery触发的CSS3过渡冲突吗？
[英]CSS3 Animation conflicting with CSS3 transition that's triggered by jQuery?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.