CSS atan2() 함수

정의와 사용법

CSS의 atan2() 함수는 -∞에서 ∞ 사이의 두 값을 반환합니다.

이 값은 수치, 크기 또는 백분율일 수 있습니다. 두 값은 같은 유형이어야 합니다。

이 함수는 -180 도에서 180 도 사이의 각도를 반환합니다。

예제

사용 atan2() 회전 요소：

div.a {
  transform: rotate(atan2(50, 100));
}
div.b {
  transform: rotate(atan2(30px, -3rem));
}
div.c {
  transform: rotate(atan2(40%, 75%));
}
div.d {
  transform: rotate(atan2(pi, 25));
}

직접 테스트해 보세요

CSS 문법

atan2(y, x)
값 설명
y 必需。y 좌표。可以是数字、尺寸或百分比。
x 必需。x 좌표。可以是数字、尺寸或百分比。

기술 세부 사항

버전： CSS4

浏览器支持

표中的数字表示首个完全支持该函数的浏览器版本。

크롬 에지 파이어폭스 사파리 오페라
111 111 108 15.4 97

관련 페이지

참조:CSS acos() 함수

참조:CSS asin() 함수

참조:CSS atan() 함수

참조:CSS calc() 함수

참조:CSS cos() 함수

참조:CSS exp() 함수

참조:CSS hypot() 함수

참조:CSS log() 함수

참조:CSS mod() 함수

참조:CSS pow() 함수

참조:CSS sin() 함수

참조:CSS sqrt() 함수

참조:CSS tan() 함수