入门 CSS 动画省略号

Primer CSS是一个免费的开源CSS框架，它建立在创建基本样式元素（如间距、排版和颜色）基础的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。

动画省略号指示通知用户的加载状态，即正在处理特定操作并且可能需要一段时间才能完成。

入门 CSS 动画省略号类：

• AnimatedEllipsis：此类用于指示动画省略号加载器。

句法：

示例 1：下面的示例说明了 Primer CSS 动画省略号的使用。

HTML

  

    
  
    

  

    
        
 GeeksforGeeks 
        
 Primer CSS Animated Ellipsis 
          
        Please wait
        
    

  

输出：

入门 CSS 动画省略号

示例 2：下面的示例说明了如何使用 Primer CSS Animated Ellipsis 使用不同的其他元素。

HTML

  

    
     

  

    
        
 
            GeeksforGeeks 
        
        
 
            Primer CSS Animated Ellipsis
        
        
 
        
            
                Component is loading, Please wait 
                
            
        

        
            Please wait
            
        
        
 
        
            Loading 
             
        
    

输出：

入门 CSS 动画省略号

参考： https ://primer.style/css/components/loaders#animated-ellipsis