移动端css中opacity失效

  @keyframes rightTop1Anim {
    0% {
      transform: translate(0, 0);
      opacity: 0;
    }
    50% {
      transform: translate(0, 0);
      opacity: 0.5;
    }

    100% {
      transform: translate(-120%, 40%);
      opacity: 0;
    }
  }

解决方法： 

opacity不能用255和100%代替1

用opacity：0.5；而不是50%，否则会出现Android机型不显示渐变bug