小程序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动画问题
展开：我想通过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动画问题」由微信公开课开发者向微信用户提供，并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间：2019-04-03 15:16:50
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>，请补充选择商家自营-预付卡销售-发行方类目，并在基础信息处申请该类目，通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式（非测试）内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版，扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样？
>“产品是否一定需要条形码”
>
