css 自我调用fadeIn纯CSS

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 自我调用fadeIn纯CSS相关的知识，希望对你有一定的参考价值。

/*-- fadeIn transition self-invocating  --*/
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

  /* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.element-to-fade-In{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

以上是关于css 自我调用fadeIn纯CSS的主要内容，如果未能解决你的问题，请参考以下文章