Functions

Image

개요

현대의 CSS는 전통적인 URL 식별 값으로 이미지 리소스를 사용하는 것 외에 직접적으로 2D 이미지를 추가할 수 있게 되었다.

관련 함수

  • conic-gradient()

    중심점을 기준으로 회전하는 방식으로 그라데이션을 생성한다.
  • cross-fade()

    이미지 사이를 전환할 때 CSS는 시작 및 종료 이미지의 조합인 중간 이미지를 명시적으로 참조하는 방법이 필요하다. 이것은 결합할 두 이미지와 결합이 전환에서 얼마나 멀리 있는지를 나타내는 cross-fade() 함수로 수행된다.
  • element()

    작성자가 문서의 요소를 이미지로 사용할 수 있다. 참조된 요소의 모양이 변경되면 이미지도 변경된다.
  • image-set()

    사용자의 장치에서 가장 적합한 이미지의 해상도를 보여줄 수 있도록 한다.
  • linear-gradient()

    선형 그라디언트를 생성한다.
  • radial-gradient()

    원형 그라디언트를 생성한다.
  • repeating-conic-gradient()

    설정된 <conic-gradient> 타입의 값을 중심점을 기준으로 회전하는 방식으로 반복 그라데이션을 생성한다.
  • repeating-linear-gradient()

    설정된 <linear-gradient> 값이 반복되는 선형 그라디언트를 생성한다.
  • repeating-radial-gradient()

    설정된 <radial-gradient> 값이 반복되는 원형 그라디언트를 생성한다.

W3C Modules

CSS Image Values and Replaced Content Module Level 4
W3C Working Draft, 13 April 2017
CSS Images Module Level 3
W3C Candidate Recommendation Draft, 17 December 2020