ຫົວວັດທະນະທຳ CSS sin()

ການອະທິບາຍແລະການນໍາໃຊ້

CSS sin() ຫົວວັດທະນະທຳຈະກັບຄືນມາຈຳນວນຄວາມສະໝອງຂອງຄວາມສະໝອງ.

ຈຳນວນຄວາມສະໝອງຂອງຄວາມສະໝອງອາກາດຈະກັບຄືນມາຈາກ -1 ຫາ 1.

ບັນດາບັນທຶກພາຍໃນ

ໃນ calc() ນຳໃຊ້ໃນ sin() ເພື່ອການຈັດຕັ້ງວັດທະນະທຳຂອງຂອບ div ສາມກຸດສານ.

div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
  background-color: maroon;
}

ສາມາດທົດລອງຕົວເອງ

ສັນຍາວັດທະນະທຳ CSS

sin(angle)

ລາຍລະອຽດເຕັກນິກ

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

ຈຳນວນໃນຕາຕະລາງສະແດງຄຳພິສູດຂອງຜູ້ຫາສະແດງທຳອິດທີ່ສະໜັບສະໜູນຫົວວັດທະນະທຳນີ້.

ຫົວຂໍ້ວັດທະນະທຳ

参考：ຫົວວັດທະນະທຳ CSS acos()

参考：ຫົວວັດທະນະທຳ CSS asin()

参考：ຫົວວັດທະນະທຳ CSS atan()

参考：ຫົວວັດທະນະທຳ CSS atan2()

参考：ຫົວວັດທະນະທຳ CSS calc()

参考：ຫົວວັດທະນະທຳ CSS cos()

参考：ຫົວວັດທະນະທຳ CSS exp()

参考：ຫົວວັດທະນະທຳ CSS hypot()

参考：ຫົວວັດທະນະທຳ CSS log()

参考：ຫົວວັດທະນະທຳ CSS mod()

参考：CSS pow() 函数

参考：CSS sqrt() 函数

参考：CSS tan() 函数