CSS 函数 - acos（）

CSS 函数 acos（） 是一个三角运算，用于计算 -1 和 1 范围内值的反余弦。

此函数执行单个计算，并返回表示 0 度和 180 度之间的 <angle> 的弧度数。

可能的值

函数 acos（number） 只允许将单个值作为参数。

number - 计算返回一个 <number>，范围为 -1 到 1。

返回值

数字的反余弦总是返回一个 0° 到 180° 范围内的 <angle> 。

如果该数字小于 -1 或大于 1，则结果为 NaN。

如果该数字正好是 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>

本页