CSS loader(加载器)

加载程序是指可以使访问者警惕页面正在加载的任何动画，您必须等待几秒钟。当页面花费几秒钟来加载网页内容时，这将很有帮助。如果不使用网页上的加载程序，访问者可能会认为该站点没有响应。

使用CSS加载程序会使访问者分心或等待一段时间，直到页面完全加载为止。

通过使用以下插图，我们可以了解CSS loader的概念。

例1

 
 
  
 
     
     
 
 
      
        
CSS Loader
 
        
            
 
            
 
            
 
            
 
            
 
      
     
 
  

让我们看一下要在其中创建微调器的加载器的另一个示例。

例2

CSS Loader

在上面的示例中，我们定义了border属性，该属性指定加载程序的边框颜色和边框大小。在这里，我们还使用了border-radius属性，该属性将边界转换为圆形。

我们将border-top属性用于在边框内旋转的紫色物体。加载程序的大小是通过使用width和height属性定义的。最后，我们添加了一个动画，该动画使紫色物体以2秒的动画速度旋转了无数次。

下面是更多装载机的另一个示例。

范例3

在上面的示例中，我们仅包括border-top属性，但是在此示例中，我们还包括border-bottom，border-left和border-right属性。

让我们看看它是如何工作的。

CSS Loader