CSS3动画在gulp --production上停止工作

可能是由于以下原因之一：

1. gulp --production命令可能会启用CSS压缩和优化功能，导致CSS3动画的关键帧被删除或修改，从而停止工作。解决方法是检查gulpfile.js配置文件，确保在压缩和优化CSS的过程中不会影响CSS3动画的关键帧。
2. gulp --production可能会启用CSS文件合并功能，将多个CSS文件合并为一个文件，这可能导致CSS3动画相关的样式规则被错误地放置在其他CSS文件中，从而导致动画停止工作。解决方法是检查gulpfile.js配置文件，确保在合并CSS文件的过程中不会将CSS3动画相关的样式规则放置在错误的位置。
3. gulp --production可能会启用CSS代码压缩功能，这可能会导致CSS3动画相关的样式规则被压缩或缩写，从而导致动画停止工作。解决方法是检查gulpfile.js配置文件，确保在压缩CSS代码的过程中不会影响CSS3动画相关的样式规则。
4. gulp --production可能会启用CSS前缀自动添加功能，这可能会导致CSS3动画相关的样式规则的前缀被错误地添加或删除，从而导致动画停止工作。解决方法是检查gulpfile.js配置文件，确保在自动添加CSS前缀的过程中不会影响CSS3动画相关的样式规则。

总结起来，要解决CSS3动画在gulp --production上停止工作的问题，需要检查gulpfile.js配置文件，确保在压缩、合并、压缩代码和添加前缀等过程中不会影响CSS3动画相关的样式规则。此外，还可以使用相关的调试工具和浏览器开发者工具来检查CSS3动画的样式规则是否正确应用。