所以我创建了一个严重依赖 CCS3 动画的网站，我永远不会为客户这样做，因为我知道这有风险，但因为这只是一个个人元素，我不介意。
动画在使用 Windows 7 的现代浏览器上运行良好，在使用 Firefox 时它们似乎在 XP 上运行，它们在 IE 上根本不起作用，但同样这是一个小的个人元素，所以我不介意。
现在，当在带有 XP 的最新 Chrome 浏览器上使用该网站时，动画可以工作但不正确。 当您单击 div 时，div 翻转显示信息，但在 Chrome/XP 上它只是翻转 div 但只显示相同的 div，只是向后而不是显示它后面的另一个 div。
此外，当您使用 Chrome/XP 时，它会在您加载网站时向后显示一些图像，我认为这是动画显示不正确。
您可以在此处查看站点:http://www.dansteeds.co.uk/awipmapv2/
非常感谢任何帮助或信息。
最佳答案
Chrome 使用 gpu 硬件加速渲染 3d css。
在您的 chrome 浏览器中输入以下 url http://chrome://gpu 并检查 3D CSS:硬件加速。如果不是，它将使用一种准 3d 等距投影。
我认为您的浏览器可能禁用了硬件加速，导致动画出现错误。
:)
关于CSS3 动画在 XP 中不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17880109/