CSS cos() 함수

정의와 사용법

CSS의 cos() 함수는 각도의 코사인 값을 반환합니다.

각도의 코사인 값은 항상 -1과 1 사이의 숫자를 반환합니다.

예제

사용하여 cos() 회전 상자의 크기를 유지하세요：

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

직접 시험해 보세요

CSS 문법

cos(angle)
값 설명
angle 필수. 숫자나 각도 계산 값으로 해석됩니다.

기술 세부 사항

버전： CSS4

브라우저 지원

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

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

관련 페이지

참조:CSS acos() 함수

참조:CSS asin() 함수

참조:CSS atan() 함수

참조:CSS atan2() 함수

참조:CSS calc() 함수

참조:CSS exp() 함수

참조:CSS hypot() 함수

참조:CSS log() 함수

참조:CSS mod() 함수

참조:CSS pow() 함수

참조:CSS 심() 함수

참조:CSS 루트() 함수

참조:CSS 타닝() 함수