CSS Reference
HTML
JavaScript
Development
highlight_alt
Selector
work_outline
Properties
settings
Functions
rule
Rules
category
Types
straighten
Units
article
Documents
manage_search
Indexing
search
검색
Functions
Functions
Auto Box Sizing
fit-content()
Color
color()
hsl()
hsla()
hwb()
lab()
lch()
oklab()
oklch()
rgb()
rgba()
Custom Properties for Cascading Variables
var()
Easing Functions
cubic-bezier()
steps()
Environment Variables
env()
Filter Effects
blur()
brightness()
contrast()
drop-shadow()
grayscale()
hue-rotate()
invert()
opacity()
saturate()
sepia()
Grid Layout
minmax()
repeat()
Image
conic-gradient()
cross-fade()
element()
image-set()
linear-gradient()
radial-gradient()
repeating-conic-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
List and Counter
counter()
counters()
Shapes
circle()
ellipse()
inset()
path()
polygon()
rect()
Transform
matrix()
matrix3d()
perspective()
rotate()
rotate3d()
rotateX()
rotateY()
rotateZ()
scale()
scale3d()
scaleX()
scaleY()
scaleZ()
skew()
skewX()
skewY()
translate()
translate3d()
translateX()
translateY()
translateZ()
Values and Units
acos()
asin()
atan()
atan2()
attr()
calc()
clamp()
cos()
max()
min()
sin()
tan()
url()
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