css 让div动画旋转 以及常规position堆叠dom元素得less参考代码

xiefandaren

1. .rest{
   
2.     position: absolute;
   
3.     top: 0px;
   
4.     left: 0px;
   
5.     height: 100vh;
   
6.     width: 100vw;
   
7.     overflow: hidden;
   
8. }
   
9. .fullscreen{
   
10.     position: absolute;
    
11.     height: 100vh;
    
12.     width: 100vw;
    
13.     overflow: hidden;
    
14. }
    
15. .bg{
    
16.     .rest;
    
17.     background-color: rgb(201, 201, 201);
    
18. }
    
19. .icon{
    
20.     .fullscreen;
    
21.     background-image: url('../../assets/程序切图/加载/加载.png');
    
22.     background-repeat: no-repeat;
    
23.     // border: 1px red solid;
    
24.     background-position: center;
    
25.     background-size: 9%;
    
26.     animation: rotate 9s infinite linear;
    
27. }
    
28. @keyframes rotate {
    
29.     from {
    
30.       transform: rotate(0deg);
    
31.     }
    
32.     to {
    
33.       transform: rotate(360deg);
    
34.     }
    
35. }
    

复制代码