CSS animated properties
일부 CSS 속성은 애니메이션될 수 있습니다, 즉 그 값을 바꿀 때 CSS animation (en-US) 또는 CSS transition이 사용된 경우 부드러운 방식으로 바꿀 수 있습니다.
다음은 애니메이션 가능한 속성 목록입니다:
-moz-outline-radius
(en-US)-moz-outline-radius-bottomleft
(en-US)-moz-outline-radius-bottomright
(en-US)-moz-outline-radius-topleft
(en-US)-moz-outline-radius-topright
(en-US)-ms-grid-columns
(en-US)-ms-grid-rows
(en-US)-webkit-line-clamp
-webkit-text-fill-color
(en-US)-webkit-text-stroke
(en-US)-webkit-text-stroke-color
(en-US)accent-color
(en-US)all
animation-range
(en-US)aspect-ratio
(en-US)backdrop-filter
background
background-clip
background-color
background-origin
background-position
(en-US)background-position-x
(en-US)background-position-y
(en-US)background-size
(en-US)block-size
(en-US)border
border-block
(en-US)border-block-color
(en-US)border-block-end
(en-US)border-block-end-color
(en-US)border-block-end-width
(en-US)border-block-start
(en-US)border-block-start-color
(en-US)border-block-start-width
(en-US)border-block-width
(en-US)border-bottom
border-bottom-color
border-bottom-left-radius
(en-US)border-bottom-right-radius
(en-US)border-bottom-width
border-color
border-end-end-radius
(en-US)border-end-start-radius
(en-US)border-image
border-image-outset
border-image-slice
border-image-width
border-inline
(en-US)border-inline-color
(en-US)border-inline-end
(en-US)border-inline-end-color
(en-US)border-inline-end-width
(en-US)border-inline-start
(en-US)border-inline-start-color
(en-US)border-inline-start-width
(en-US)border-inline-width
(en-US)border-left
border-left-color
border-left-width
border-radius
border-right
border-right-color
border-right-width
border-start-end-radius
(en-US)border-start-start-radius
(en-US)border-top
border-top-color
border-top-left-radius
(en-US)border-top-right-radius
(en-US)border-top-width
border-width
bottom
(en-US)box-shadow
(en-US)caret
caret-color
(en-US)caret-shape
clip
(en-US)clip-path
color
column-count
(en-US)column-gap
(en-US)column-rule
(en-US)column-rule-color
(en-US)column-rule-width
(en-US)column-width
(en-US)columns
(en-US)contain-intrinsic-block-size
(en-US)contain-intrinsic-height
(en-US)contain-intrinsic-inline-size
(en-US)contain-intrinsic-size
(en-US)contain-intrinsic-width
(en-US)container
(en-US)container-type
(en-US)counter-increment
(en-US)counter-reset
(en-US)counter-set
(en-US)filter
flex
flex-basis
flex-flow
flex-grow
flex-shrink
font
font-size
font-size-adjust
(en-US)font-stretch
(en-US)font-style
(en-US)font-variation-settings
(en-US)font-weight
gap
grid
(en-US)grid-auto-columns
(en-US)grid-auto-rows
(en-US)grid-column-gap
(en-US)grid-gap
(en-US)grid-row-gap
(en-US)grid-template
(en-US)grid-template-columns
grid-template-rows
(en-US)height
hyphenate-limit-chars
(en-US)initial-letter
(en-US)inline-size
(en-US)input-security
inset
(en-US)inset-block
(en-US)inset-block-end
(en-US)inset-block-start
(en-US)inset-inline
(en-US)inset-inline-end
(en-US)inset-inline-start
(en-US)left
(en-US)letter-spacing
line-clamp
line-height
(en-US)line-height-step
(en-US)list-style
(en-US)margin
margin-block
(en-US)margin-block-end
(en-US)margin-block-start
(en-US)margin-bottom
margin-inline
(en-US)margin-inline-end
(en-US)margin-inline-start
(en-US)margin-left
margin-right
margin-top
mask
mask-border
(en-US)mask-position
(en-US)mask-size
(en-US)max-block-size
(en-US)max-height
max-inline-size
(en-US)max-lines
max-width
min-block-size
(en-US)min-height
min-inline-size
(en-US)min-width
object-position
offset
(en-US)offset-anchor
(en-US)offset-distance
(en-US)offset-path
(en-US)offset-position
(en-US)offset-rotate
(en-US)opacity
order
orphans
(en-US)outline
outline-color
(en-US)outline-offset
(en-US)outline-style
outline-width
padding
padding-block
(en-US)padding-block-end
(en-US)padding-block-start
(en-US)padding-bottom
padding-inline
(en-US)padding-inline-end
(en-US)padding-inline-start
(en-US)padding-left
padding-right
padding-top
perspective
(en-US)perspective-origin
(en-US)right
(en-US)rotate
(en-US)row-gap
(en-US)ruby-align
(en-US)ruby-merge
scale
(en-US)scroll-margin
(en-US)scroll-margin-block
(en-US)scroll-margin-block-end
(en-US)scroll-margin-block-start
(en-US)scroll-margin-bottom
(en-US)scroll-margin-inline
(en-US)scroll-margin-inline-end
(en-US)scroll-margin-inline-start
(en-US)scroll-margin-left
(en-US)scroll-margin-right
(en-US)scroll-margin-top
(en-US)scroll-padding
(en-US)scroll-padding-block
(en-US)scroll-padding-block-end
(en-US)scroll-padding-block-start
(en-US)scroll-padding-bottom
(en-US)scroll-padding-inline
(en-US)scroll-padding-inline-end
(en-US)scroll-padding-inline-start
(en-US)scroll-padding-left
(en-US)scroll-padding-right
(en-US)scroll-padding-top
(en-US)scroll-snap-coordinate
scroll-snap-destination
scroll-timeline
(en-US)scrollbar-color
(en-US)scrollbar-width
(en-US)shape-image-threshold
(en-US)shape-margin
(en-US)shape-outside
(en-US)tab-size
text-decoration
text-decoration-color
(en-US)text-decoration-thickness
(en-US)text-emphasis
(en-US)text-emphasis-color
(en-US)text-indent
(en-US)text-shadow
(en-US)text-size-adjust
(en-US)text-underline-offset
(en-US)top
(en-US)transform
transform-origin
(en-US)translate
(en-US)vertical-align
view-timeline
(en-US)view-timeline-inset
(en-US)visibility
widows
(en-US)width
word-spacing
z-index
zoom
(en-US)