淡入样式

@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-100%, -100, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }


div{
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-name: fadeInLeft;
}

注：定义好样式后 需要调用一下。

淡入动画.png