我来补充啦~ 扫描二维码预览,不行!!! 点真机调试测试又可以。 那问题来了,上传发布程序后是行呢还是不行?
css 动画效果和真机差异问题[代码][代码]animation: run 2s infinite linear; 上面这个css 无限循环动画在模拟器、真机(IOS)可以运行 [代码]animation: run [代码][代码]2[代码][代码]s [代码][代码]1[代码] [代码]linear;[代码]上面这个css 循环1次,在模拟器ok,真机(IOS)无反应 目的是实现循环一次后隐藏。 wxml [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"intro"[代码][代码]>欢迎使用代码片段,可在控制台查看代码片段的说明和文档</[代码][代码]view[代码][代码]>[代码] wxss [代码].intro {[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]30px[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码] [代码][代码] opacity: [代码][代码]0[代码][代码];[代码][代码] [代码] [代码][代码]/* animation: run 2s infinite linear; */[代码][代码] [代码][代码]animation: run [代码][代码]2[代码][代码]s [代码][代码]1[代码] [代码]linear;[代码][代码]}[代码] [代码]@keyframes run {[代码][代码] [代码][代码]0%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-10px[代码][代码]);[代码][代码] [代码][代码]opacity: [代码][代码]1[代码][代码];[代码][代码] [代码][代码]}[代码] [代码] [代码][代码]60%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]0[代码][代码]);[代码][代码] [代码][代码]opacity: [代码][代码]1[代码][代码];[代码][代码] [代码][代码]}[代码] [代码] [代码][代码]100%[代码] [代码]{[代码][代码] [代码][代码]transform: translateX([代码][代码]-10px[代码][代码]);[代码][代码] [代码][代码]opacity: [代码][代码]1[代码][代码];[代码][代码] [代码][代码]}[代码][代码]}[代码] 代码片段 https://developers.weixin.qq.com/s/TztOibmc738K
2019-05-07