收藏
回答

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: 1150rpx;
  background-color: #F0F0F0;
  z-index: 1;
}
/*制作出球形div*/
.ktdm-apply-takename-time{
  width: 474rpx;height: 474rpx;
  margin: 0 auto;
  position:relative;
  border-radius: 50%;
  top: 80rpx;
  overflow: hidden;
  text-align: center;
}
/*水球图片*/
.apply-time-image{
  width: 495rpx;height: 495rpx;
}
.ktdm-apply-takename-blq{
   width: 500rpx;height: 500rpx;
   position: relative;
   left: -14rpx;
   text-align: center;
}
.apply-time-water{
  width: 500rpx;height: 500rpx;
  border-radius: 50%;
  position:relative;
  top: -250rpx;
  /*background-color: red;*/
}
.apply-time-water-png{
  width: 2100rpx;height: 300rpx;
  position: absolute;
  top: -30rpx;
  right: 0;
  animation: apply-time-water-png 6.2s linear infinite;
}
@keyframes apply-time-water-png{
   from {transform: translateX(-15rpx);}
  to {transform: translatex(925rpx);}
}


最后一次编辑于  2019-10-23
回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容
问题标签