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)
* `content-visibility` (en-US)
* `counter-increment` (en-US)
* `counter-reset` (en-US)
* `counter-set` (en-US)
* `display` (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`
* `overlay` (en-US)
* `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)