相关文章推荐
率性的橙子  ·  Unity Animation -- ...·  1 月前    · 
霸气的大蒜  ·  【大型软件开发】浅谈大型Qt软件开发(一)开 ...·  1 年前    · 
文武双全的足球  ·  ASP.NET Core 搭配 Nginx ...·  1 年前    · 
潇洒的大熊猫  ·  Gartner SIEM类产品魔力象限 ...·  1 年前    · 
酷酷的手术刀  ·  SQL编程之高级查询(子查询)以及注意事项 ...·  1 年前    · 
无邪的木瓜  ·  刚刚,义乌国际商贸城虎年开市!首次开启直播向 ...·  2 年前    · 
Code  ›  IOS出现css动画闪烁 | 微信开放社区
animation
https://developers.weixin.qq.com/community/develop/doc/000e8696434120e69d48e3bd451800
腼腆的人字拖
2 年前

交流专区
服务市场
微信学堂
文档
小程序
  • 常用主页

    小程序

    小游戏

    企业微信

    微信支付

  • 服务市场
    微信学堂
    文档
登录
公告列表
公告列表
收藏
分享

扫描小程序码分享

回答

置顶 IOS出现css动画闪烁 精选 热门

KEVEN 2019-03-21 10375 浏览 问题模块: Bug反馈
框架类型 操作系统版本 iPhone 6 7.0.3



使用css3动画时,在IOS真机上出现闪烁。

目前发现闪烁是有前提因素的,就是css动画的View是使用“position: absolute;”并超出视觉区域的就会出现闪烁。


.box{
width : 100% ;
height : 600 rpx;

overflow : hidden ;

position: relative;

}
.animation,.animationB{
width : 550 rpx;
height : 550 rpx;
position : absolute ;
right : -200 rpx;
top : -200 rpx;

border-radius: 50% 50% 50% 50% / 60% 60% 40% 40% ;

background:#000;

animation: rotate 2s infinite forwards linear;

}

.animationB{

animation: rotate-opposite 3s infinite forwards linear;

}


@keyframes rotate {

100% {

transform: rotate(360deg);

}

}


@keyframes rotate-opposite {

100% {

transform: rotate(-360deg);

}

}

< view class = "box" >
< view class = "animation" ></ view >
< view class = "animationB" ></ view >
</ view >



回答 关注问题 邀请回答
收藏

扫描小程序码分享

复制链接
关闭

请选择投诉理由

  • 广告内容
  • 违法违规
  • 恶意灌水内容
  • 其他

删除当前帖子

删除后帖子内容及评论将一并被删除,且不可恢复。

删除 取消
关闭

确定删除?

删除后不可恢复

取消 确定
关闭

关注“微信开放社区”公众号

关注后,可在微信内接收相应的重要提醒。

请使用微信扫描二维码关注 “微信开放社区” 公众号

关闭

反馈

 
推荐文章
率性的橙子  ·  Unity Animation -- Overview -
1 月前
霸气的大蒜  ·  【大型软件开发】浅谈大型Qt软件开发(一)开发前的准备——在着手开发之前,我们要做些什么? - 轩先生。 - 博客园
1 年前
文武双全的足球  ·  ASP.NET Core 搭配 Nginx 的真实IP问题 - 晓晨Master - 博客园
1 年前
潇洒的大熊猫  ·  Gartner SIEM类产品魔力象限 gartner魔力象限排名_网猴儿的技术博客_51CTO博客
1 年前
酷酷的手术刀  ·  SQL编程之高级查询(子查询)以及注意事项 - —伊梦 - 博客园
1 年前
无邪的木瓜  ·  刚刚,义乌国际商贸城虎年开市!首次开启直播向全球邀约-浙江新闻-浙江在线
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号