css – pace.js“隐藏除PACE之外的所有内容,直到页面完全加载”本地副本

前端之家收集整理的这篇文章主要介绍了css – pace.js“隐藏除PACE之外的所有内容,直到页面完全加载”本地副本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在安装 pace.js with eager.io时,我能够隐藏所有内容,直到页面加载为止.

但是,当使用bower安装插件并下载css主题时,我无法弄清楚如何执行此操作.

解决方法

我通过添加此css来修复此问题
body > :not(.pace),body:before,body:after {
  -webkit-transition:opacity .4s ease-in-out;
  -moz-transition:opacity .4s ease-in-out;
  -o-transition:opacity .4s ease-in-out;
  -ms-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out
}

body:not(.pace-done) > :not(.pace),body:not(.pace-done):before,body:not(.pace-done):after {
  opacity:0
}

猜你在找的CSS相关文章