CSS3关键帧问题

Question

所以我试图获得淡入效果，我希望淡入淡出的不透明度从0开始并转到1然后当它第二次播放时我希望它从0.5开始并播放到1如果您需要更多解释，请告诉我。我在下面插入了代码。感谢

@-webkit-keyframes fadeInCustom {
  0% {
    opacity: 0;
  }
    1%{
      opacity: 0.1;
  }
      10%{
      opacity: 0.2;
  }
  30% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInCustom {
  0% {
    opacity: 0;
  }
  1%{
      opacity: 0.1;
  }
        10%{
      opacity: 0.2;
  }
    30% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}