CSS atan() 함수

정의와 사용법

CSS의 atan() 함수는 -∞에서 ∞ 사이의 숫자의 반사인값을 반환합니다.

숫자의 반사인값은 -90도에서 90도 사이의 각도를 반환합니다.

몇 가지 예제:

  • atan(-1)은 -45도를 나타냅니다
  • atan(0)은 0도를 나타냅니다
  • atan(1)은 45도를 나타냅니다
  • atan(-∞)은 -90도를 나타냅니다
  • atan(∞)은 90도를 나타냅니다

예제

사용 atan() 회전 요소：

div.a {
  transform: rotate(atan(500));
}
div.b {
  transform: rotate(atan(1));
}
div.c {
  transform: rotate(atan(0));
}
div.d {
  transform: rotate(atan(-5000));
}

직접 테스트해 보세요

CSS 문법

atan(number)
값 설명
number 필수. -∞에서 ∞ 사이의 숫자.

기술 세부 사항

버전： CSS4

브라우저 지원

표에서의 숫자는 해당 함수를 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

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

관련 페이지

참조:CSS acos() 함수

참조:CSS asin() 함수

참조:CSS atan2() 함수

참조:CSS calc() 함수

참조:CSS cos() 함수

참조:CSS exp() 함수

참조:CSS hypot() 함수

참조:CSS log() 함수

참조:CSS mod() 함수

참조:CSS pow() 함수

참조:CSS sin() 함수

참조:CSS sqrt() 함수

참조:CSS tan() 함수