CSS 函式 - acos()

CSS 函式 **acos()** 是一個三角運算，它計算區間 **-1** 到 **1** 之間值的反餘弦。

此函式執行單個計算，並返回表示 **<angle>**（0 度到 180 度之間）的弧度數。

可能的值

**acos(number)** 函式只允許單個值作為引數。

**number** - 計算返回區間 **-1** 到 **1** 之間的 **<number>**。

返回值

數字的反餘弦總是返回區間 **0°** 到 **180°** 之間的 <angle>。

如果 **number** 小於 **-1** 或大於 **1**，則結果為 **NaN**。
如果 **number** 正好是 **1**，則結果為 **0**。

語法

acos( <calc-sum> )

CSS acos() - 旋轉元素

**acos()** 函式可以用來旋轉元素，因為它會產生一個 <angle>。以下示例演示了 **acos()** 的用法。

   
<html>
<head>
<style>
   div.box {
      width: 100px;
      height: 100px;
      background-color: lightgreen;
      text-align:center;
      font-size:30px;
   }
   div.boxA {
      transform: rotate(asin(1));
      margin-bottom: 20px;
      margin-left:20px;
   }
   div.boxB {
      transform: rotate(acos(0.5));
      margin-bottom: 20px;
      margin-left:20px;
   }
   div.boxC {
      transform: rotate(acos(0));
      margin-bottom: 20px;
      margin-left:20px;
   }
   div.boxD {
      transform: rotate(acos(-0.5));
      margin-bottom: 20px;
      margin-left:20px;
   }
   div.boxE {
      transform: rotate(acos(-1));
      margin-bottom: 20px;
      margin-left:20px;
   }
</style>
</head>
<body>
<div class="box boxA">A</div>
<div class="box boxB">B</div>
<div class="box boxC">C</div>
<div class="box boxD">D</div>
<div class="box boxE">E</div>
</body>
</html>

列印頁面