CSS 数据类型 <angle-percentage>

CSS <angle-percentage> 数据类型表示 <angle> 值的一小部分。

当您使用 <angle-percentage> 作为允许的类型时，指定的百分比可以转换为角度并在 calc( ) 表达式。

可能的值

<angle> - 它表示以度、百分度、弧度或圈为单位测量的角度。
<percentagenotransR - 表示 0% 到 100% 之间的百分比值。

语法

<angle-percentage> = <angle> | <percentage>;

CSS <angle -percentage> - 示例

以下示例演示了如何使用transform:rotate(calc(45deg))属性，将框旋转45度 -

<html>
<head>
<style>
   div { 
      height: 100px;
      width: 100px;
      border: 2px solid blue;
      margin: 20px;
      transform: rotate(calc(45deg));
   }
</style>
</head>
<body>
   <div>
      The box rotates by 45deg.
   </div>
</body>
</html>