CSS3动画,在IOS出现了跳帧和溢出的问题?
在写CSS3动画时,放在IOS苹果机子上,会出现图层溢出和跳帧现象。代码链接:https://developers.weixin.qq.com/s/Qplg8kmt7dcZ
body{ /*position: flex;*/ width : 100% ; height : 100% ; /*overflow: hidden;*/ } .ktdm-apply-takename{ width : 100% ; height : 1150 rpx; background-color : #F0F0F0 ; z-index : 1 ; } /*制作出球形div*/ .ktdm-apply-takename-time{ width : 474 rpx; height : 474 rpx; margin : 0 auto ; position : relative ; border-radius: 50% ; top : 80 rpx; overflow : hidden ; text-align : center ; } /*水球图片*/ .apply-time-image{ width : 495 rpx; height : 495 rpx; } .ktdm-apply-takename-blq{ width : 500 rpx; height : 500 rpx; position : relative ; left : -14 rpx; text-align : center ; } .apply-time-water{ width : 500 rpx; height : 500 rpx; border-radius: 50% ; position : relative ; top : -250 rpx; /*background-color: red;*/ } .apply-time-water-png{ width : 2100 rpx; height : 300 rpx; position : absolute ; top : -30 rpx; right : 0 ; animation: apply-time-water-png 6.2 s linear infinite; } [@keyframes](/user/keyframes) apply-time-water-png{ from {transform: translateX( -15 rpx);} to {transform: translatex( 925 rpx);} } |