首页 前端知识 IOS手机系统 transition css3动画不执行

IOS手机系统 transition css3动画不执行

2024-04-03 12:04:56 前端知识 前端哥 64 840 我要收藏

问题:

ios 动画transition不执行

方案:

系统ios16 以下

  1. 加初始值:例如
.xx{
transform: rotateY(0.001deg); // 不能是0
}
.xx.animation{
transform: rotateY(360deg);
transition: all 1s ease-in-out;
}
  1. 动画延迟执行
.xx{
transform: rotateY(0deg);
}
.xx.animation{
transform: rotateY(360deg);
transition: all 1s ease-in-out;
transition-delay: 0.1s;
}

系统ios16 以上
注:要加上translateX translateZ

.xx{
transform:translateX(0) translateZ(0px)  rotateY(0deg);
}
.xx.animation{
transform: translateX(-1px) translateZ(1000px) rotateY(360deg);
transition: all 1s ease-in-out;
transition-delay: 0.1s;
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4421.html
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!