Discuz X3.3 X3.2实现全站顶部响应式进度条加载动画效果

小草根

1. /* public */
   
2. 
   
3. 
   
4. a:hover { color:{ALLCOL};
   
5. -webkit-transition: color .2s linear,background-color .3s linear,border-color .3s linear;
   
6. -moz-transition: color .2s linear,background-color .3s linear,border-color .3s linear;
   
7. -o-transition: color .2s linear,background-color .3s linear,border-color .3s linear;
   
8. -ms-transition: color .2s linear,background-color .3s linear,border-color .3s linear;
   
9. transition: color .2s linear,background-color .3s linear,border-color .3s linear;
   
10. }
    
11. 
    
12. 
    
13. 
    
14. /* This is a compiled file, you should be editing the file in the templates directory */
    
15. .pace {
    
16.   -webkit-pointer-events: none;
    
17.   pointer-events: none;
    
18.   -webkit-user-select: none;
    
19.   -moz-user-select: none;
    
20.   user-select: none;
    
21. }
    
22. 
    
23. .pace-inactive {
    
24.   display: none;
    
25. }
    
26. 
    
27. .pace .pace-progress {
    
28.   background:{LOADCOL};
    
29.   position: fixed;
    
30.   z-index: 2000;
    
31.   top: 0;
    
32.   left: 0;
    
33.   height: 3px;
    
34. 
    
35.   -webkit-transition: width 0.1s;
    
36.   -moz-transition: width 0.1s;
    
37.   -o-transition: width 0.1s;
    
38.   transition: width 0.1s;
    
39. }

复制代码

游客，如果您要查看本帖隐藏内容请回复

革命

有图片吗

内涵打工仔

这是什么啊 看看

yuyangfu279

Discuz X3.2实现全站顶部响应式进度条加载动画效果

郭嘉

好东西，收藏学习！

噜噜啦啦

好东西，收藏学习！

735837927

支持下老大

啊三大所面临的

看看是什么功能？

我是你的小苹果

看看是什么好东西

都怪自己太潇洒

什么东东，我看看。