动画中的初级 CSS 缩放

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

Primer CSS Animation用于强调使用可重用类的元素。 Primer CSS Scale in Animation用于使用anim-scale-in类来缩放元素。在本文中，我们将讨论动画中的 Primer CSS Scale。

动画类中的初级 CSS Scale：

• anim-scale-in：此类用于缩放元素。

句法：

    ...

示例 1：以下代码演示动画中的 Primer CSS Scale。

HTML

  

  
   

  

  

    
 GeeksforGeeks 
    
 Primer CSS Scale in Animation 
 
  
 
 

  
  

    

      
 GeeksforGeeks 
    
  

输出：

动画中的初级 CSS 缩放

示例 2：以下代码演示动画中的 Primer CSS Scale。

HTML

  

  
   

  

  

    
 GeeksforGeeks 
    
 Primer CSS Scale in Animation 
 
  
 
 

  
  

    

      
    
  

输出：

动画中的初级 CSS 缩放

参考： https://primer.style/css/utilities/animations#scale-in