如何在 CSS 中设置旋转元素的基本位置？

在本文中，我们将学习如何在 CSS 中设置旋转元素的基本位置。这可用于从某个点作为原点旋转元素。

方法：我们将使用transform-origin属性来设置旋转元素的基本位置。此属性可用于指定元素旋转的原点。它是元素旋转的点。它可用于 2D 和 3D 旋转，但在本文中，我们将使用 2D 旋转。

句法：

transform-origin: position

示例 1：在此示例中，我们以长度单位指定位置。

HTML

  


  
CSS transform-origin Property
  

    The CSS transform-origin Property is used to set
    the origin of the element's transformation
   
  
  

    

  

输出：

示例 2：在此示例中，我们以百分比指定位置。

HTML

  


  
CSS transform-origin Property
  

    The CSS transform-origin Property
    is used to set the origin of the 
    element's transformation
  
  
  

    

      Welcome to GeeksforGeeks
    
  

输出：