谁能帮我解释一下这段css3的代码是如何做出这种效果的

发布网友发布时间：2022-04-06 12:12

共3个回答

热心网友时间：2022-04-06 13:41

这段CSS3代码，定义波动效果的初始状态(0%)和结束状态(100%)，然后自动渐变。
rotateZ是沿三维坐标轴的Z轴（垂直于显示器平面）旋转
translate3d是平移，后面的三个参数，分别是在x轴、Y轴、Z轴平移距离

热心网友时间：2022-04-06 14:59

这个确实是圆形轨迹运动过程。0%是开始，100%是结束。
对比两段代码你可以发现不同的是rotateZ(0deg)和rotateZ(360deg)。

即以Z轴为轴旋转360度。Z轴是垂直于屏幕的轴，所以是在屏幕上旋转360度。

热心网友时间：2022-04-06 16:34

这个是翻转效果你现在代码里所显示的
是从 0% 直接到 100%

你可以这样写从 0% 25% 75% 100% 这样效果会更好点