• WEB 移动端 CSS3动画性能 优化


    很多时候,我们在开发移动端的时候要使自己的网页兼容不同的机型,很多时候会采用CSS3动画,但是很多时候在安卓机下,动画明显会出现卡顿,很难看,那么这里我介绍几个CSS 属性进行硬件加速那么就会得到明显的效果:

    opacity: 1;

    -webkit-backface-visibility: hidden;

    -webkit-transform:translate3d(0,0,0);

    这三个属性选其中一个放在要使用动画的元素中即可,很多时候你使用了-webkit-transform: 这个属性做了其它值,那么你就不能用这个了,选其它两个吧。

    还有一些优化方面的就是少用 高消耗的属性 css shadowbackground-attachment: fixed 等这些属性,并且如果使用了left top 定位,那么最好使用 -webkit-transform:translateX ,-webkit-transform:translateY 代替,提高动画流畅性...

  • 相关阅读:
    IT教育课程考评系统开发-07
    2020091201-1
    ip
    输入框枚举
    语言枚举
    《岁月神偷》弹唱和弦吉他谱_六线谱
    string 转化成 string数组
    获取类的字段值
    获取类的字段
    最全的省份递归
  • 原文地址:https://www.cnblogs.com/zion0707/p/4803925.html
Copyright © 2020-2023  润新知