本文探讨了在使用CSS3的Transform属性进行动画设计时遇到的常见问题，特别是在旋转元素时，从rotateX到rotateY过渡动画消失的现象。通过深入分析，提供了在50%关键帧同时声明rotateX和rotateY值的解决方案，确保了动画效果的连续性和流畅性。
Transform的使用问题小结
开发工具与关键技术：DW ,css3
撰写时间：2019年1月17日
Transform：可以实现元素的形状、角度、位置等的变化。（引用优快云中的很小白的小白）
在刚学习css3就遇到一些问题，比如：
在50%时transform: rotateX(180deg)，有动画效果，
但到100%时的transform: rotateY(180deg) 无动画效果，
这可能是transform，在50%时默认旋转中只有rotateX,所以在100%时出现transform属性找不到rotateY值。
解决方法
：
将transform属性在50%时，再声明rotateY值，就解决
在css3类似的问题也可以这类方法解决；
扫一扫
349
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
