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() 函数