小程序CSS动画问题

微信公开课

2019-04-03 15:16:50

如何看待微信公开课小程序热门讨论「小程序CSS动画问题」
摘要：小程序CSS动画问题
展开：我想通过CSS的关键帧动画写一个扇形图转动的动画：使用的CSS代码如下：.pie{margintop:460rpx;width:160rpx;height:160rpx;borderradius:80rpx;background:d8eeff;backgroundimage:lineargradient(toright,transparent50%,22E2280);overflow:hidden;}.colormask{backgroundcolor:red;marginleft:50%;height:100%;overflow:hidden;transformorigin:left;animation:spin3slinearinfinite;}@keyframesspin{to{transform:rotate(.5turn);}}viewclasspieviewclasscolormask/!viewclasspiemask//view然后这段代码在模拟器上运行的很好。但是在IOS真机上，colormask的形状变的非常奇怪：如果不使用动画的话，就不会出现这些边角，请问这是什么原因呢了解更多

「小程序CSS动画问题」热门讨论订阅

订阅小程序

方法1：微信扫描微信公开课小程序码即可订阅热门讨论「小程序CSS动画问题」

方法2：微信搜索微信公开课小程序名称进入，即可订阅热门讨论「小程序CSS动画问题」

方法3：微信网页访问即速商店，长按识别微信公开课小程序码即可订阅热门讨论「小程序CSS动画问题」

微信公开课小程序热门讨论「小程序CSS动画问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn，转载请注明出处。

微信公开课热门讨论「小程序CSS动画问题」由微信公开课开发者向微信用户提供，并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。