前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于css动画在安卓端卡顿的现象

关于css动画在安卓端卡顿的现象

作者头像
IMWeb前端团队
发布2019-12-03 18:18:13
9300
发布2019-12-03 18:18:13
举报
文章被收录于专栏:IMWeb前端团队IMWeb前端团队

本文作者:IMWeb jacksun 原文出处:IMWeb社区 未经同意,禁止转载

关于css动画在安卓端卡顿的现象

混合开发过程中,前端可能需要各种各种的动画,如果同时执行动画和逻辑代码,可能会出现页面卡顿的现象。使用动画的时候,不要直接改变元素的属性,使用transform元素来改变

代码语言:javascript
复制
  @keyframes mymove {  //卡顿
      0% {;
        left:0
      }
      100% {
         left:100px
      }
    }

   @keyframes mymove {  //流畅
      0% {;
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(3600deg);
      }
    }
    //在动画的过程中尽可能改变少的元素属性
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-12-04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档