angular 页面淡入淡出效果

将以下代码放入需要淡入淡出的页面的scss文件里即可。

:host {
  @keyframes fadein {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes fadein {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-moz-keyframes fadein {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-o-keyframes fadein {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-ms-keyframes fadein {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  animation: fadein 1.5s linear 1;
  -webkit-animation: fadein 1.5s linear 1;
  -moz-animation: fadein 1.5s linear 1;
  -o-animation: fadein 1.5s linear 1;
  -ms-animation: fadein 1.5s linear 1;
}