公告列表
公告列表
收藏
回答

【报个bug】animation无效

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows 1.03.2006090

小程序中使用css的animation无效；


真机和模拟器都无效。

模拟器中要找到 “animation: loading .5s 0 ease-in-out;”这个样式，点击一下，页面才有反应。

页面动画有效果：

这是为什么？？？？

.chat-loading{ text-align: center; > text { display: inline-block; width: 7px*2; height: 7px*2; border-radius: 50%; background-color: rgba(31, 35, 41, 1); opacity: .3; margin-right: 7px*2; animation: loading .5s 0 ease-in-out; animation-iteration-count: infinite; &:nth-child(1) { animation-delay: -0.9s; } &:nth-child(2) { animation-delay: -0.3s; } &:nth-child(3) { animation-delay: -0.6s; } } } @keyframes loading { from { opacity: 0.4; } to { opacity: 1; } }
回答关注问题邀请回答
收藏

2 个回答

  • icony(精武陈真)
    icony(精武陈真)
    2021-06-05

    animation 一大堆问题，css3 animation, 苹果也额兼容问题，好难

    2021-06-05
    有用
    回复 1
    • JustinYi
      JustinYi
      2021-07-04
      请问问题解决了吗？我也刚好遇到，模拟器上是好的。但是真机上不行
      2021-07-04
      赞
      回复
  • Cjiang
    Cjiang
    2020-09-16

    你好，未复现情况，试下这个代码片段看看。https://developers.weixin.qq.com/s/Jht15pmX75ke

    把0去掉看看？

    2020-09-16
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
模拟器animation动画样式css