Fsk
Ft
Fs
Search
Choose a layout
Sm
Base
Md
Font family
Option A
Option B
grayscale
Report an Issue
Selector
Style
Variables Required
.grayscale
filter: grayscale(var(--grayscale))
--grayscale
Introduction
Installation
Runtime
aspect-ratio
box-decoration-break
box-sizing
break-after
break-before
break-inside
clear
columns
display
float
isolation
object-fit
object-position
overflow
overscroll-behavior
position
top / right / bottom / left
visibility
z-index
align-content
align-items
align-self
flex
flex-basis
flex-direction
flex-grow
flex-shrink
flex-wrap
gap
grid-auto-flow
grid-column
grid-row
grid-template-columns
grid-template-rows
justify-content
justify-items
justify-self
order
place-content
place-items
place-self
margin
padding
space
height
max-height
max-width
min-height
min-width
size
width
color
content
font-family
font-size
font-smoothing
font-style
font-variant-numeric
font-weight
hyphens
letter-spacing
line-clamp
line-height
list-style-image
list-style-position
list-style-type
overflow-wrap
text-align
text-decoration-color
text-decoration-line
text-decoration-style
text-decoration-thickness
text-indent
text-overflow
text-transform
text-underline-offset
text-wrap
vertical-align
white-space
word-break
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
border-color
border-radius
border-style
border-width
outline-color
outline-offset
outline-style
outline-width
background-blend-mode
box-shadow
mask-clip
mask-composite
mask-mode
mask-origin
mask-position
mask-repeat
mask-size
mask-type
mix-blend-mode
opacity
backdrop-blur
backdrop-brightness
backdrop-contrast
backdrop-filter
backdrop-grayscale
backdrop-hue-rotate
backdrop-invert
backdrop-opacity
backdrop-saturate
backdrop-sepia
blur
brightness
contrast
filter
grayscale
hue-rotate
invert
saturate
sepia
border-collapse
border-spacing
caption-side
table-layout
animate
transition-behavior
transition-delay
transition-duration
transition-property
transition-timing-function
backface-visibility
perspective
perspective-origin
rotate
scale
skew
transform
transform-origin
transform-style
translate
accent-color
appearance
caret-color
color-scheme
cursor
field-sizing
pointer-events
resize
scroll-behavior
scroll-margin
scroll-padding
scroll-snap-align
scroll-snap-stop
scroll-snap-type
touch-action
user-select
will-change
fill
stroke
stroke-width
forced-color-adjust
Close
Documentation
Getting Started
Introduction
Installation
Runtime
Layout
aspect-ratio
box-decoration-break
box-sizing
break-after
break-before
break-inside
clear
columns
display
float
isolation
object-fit
object-position
overflow
overscroll-behavior
position
top / right / bottom / left
visibility
z-index
Flex And Grid
align-content
align-items
align-self
flex
flex-basis
flex-direction
flex-grow
flex-shrink
flex-wrap
gap
grid-auto-flow
grid-column
grid-row
grid-template-columns
grid-template-rows
justify-content
justify-items
justify-self
order
place-content
place-items
place-self
Spacing
margin
padding
space
Sizing
height
max-height
max-width
min-height
min-width
size
width
Typography
color
content
font-family
font-size
font-smoothing
font-style
font-variant-numeric
font-weight
hyphens
letter-spacing
line-clamp
line-height
list-style-image
list-style-position
list-style-type
overflow-wrap
text-align
text-decoration-color
text-decoration-line
text-decoration-style
text-decoration-thickness
text-indent
text-overflow
text-transform
text-underline-offset
text-wrap
vertical-align
white-space
word-break
Backgrounds
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
Borders
border-color
border-radius
border-style
border-width
outline-color
outline-offset
outline-style
outline-width
Effects
background-blend-mode
box-shadow
mask-clip
mask-composite
mask-mode
mask-origin
mask-position
mask-repeat
mask-size
mask-type
mix-blend-mode
opacity
Filters
backdrop-blur
backdrop-brightness
backdrop-contrast
backdrop-filter
backdrop-grayscale
backdrop-hue-rotate
backdrop-invert
backdrop-opacity
backdrop-saturate
backdrop-sepia
blur
brightness
contrast
filter
grayscale
hue-rotate
invert
saturate
sepia
Tables
border-collapse
border-spacing
caption-side
table-layout
Transitions And Animations
animate
transition-behavior
transition-delay
transition-duration
transition-property
transition-timing-function
Transforms
backface-visibility
perspective
perspective-origin
rotate
scale
skew
transform
transform-origin
transform-style
translate
Interactivity
accent-color
appearance
caret-color
color-scheme
cursor
field-sizing
pointer-events
resize
scroll-behavior
scroll-margin
scroll-padding
scroll-snap-align
scroll-snap-stop
scroll-snap-type
touch-action
user-select
will-change
Svg
fill
stroke
stroke-width
Accessibility
forced-color-adjust
Fsk
Ft
Fs