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)allanimation-range(en-US)aspect-ratio(en-US)backdrop-filterbackgroundbackground-clipbackground-colorbackground-originbackground-position(en-US)background-position-x(en-US)background-position-y(en-US)background-size(en-US)block-size(en-US)borderborder-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-bottomborder-bottom-colorborder-bottom-left-radius(en-US)border-bottom-right-radius(en-US)border-bottom-widthborder-colorborder-end-end-radius(en-US)border-end-start-radius(en-US)border-imageborder-image-outsetborder-image-sliceborder-image-widthborder-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-leftborder-left-colorborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-widthborder-start-end-radius(en-US)border-start-start-radius(en-US)border-topborder-top-colorborder-top-left-radius(en-US)border-top-right-radius(en-US)border-top-widthborder-widthbottom(en-US)box-shadow(en-US)caretcaret-color(en-US)caret-shapeclip(en-US)clip-pathcolorcolumn-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)filterflexflex-basisflex-flowflex-growflex-shrinkfontfont-palette(en-US)font-sizefont-size-adjust(en-US)font-stretch(en-US)font-style(en-US)font-variation-settings(en-US)font-weightgapgrid(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-columnsgrid-template-rows(en-US)heighthyphenate-limit-chars(en-US)initial-letter(en-US)inline-size(en-US)input-securityinset(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-spacingline-clampline-height(en-US)line-height-step(en-US)list-style(en-US)marginmargin-block(en-US)margin-block-end(en-US)margin-block-start(en-US)margin-bottommargin-inline(en-US)margin-inline-end(en-US)margin-inline-start(en-US)margin-leftmargin-rightmargin-topmaskmask-border(en-US)mask-position(en-US)mask-size(en-US)max-block-size(en-US)max-heightmax-inline-size(en-US)max-linesmax-widthmin-block-size(en-US)min-heightmin-inline-size(en-US)min-widthobject-positionoffset(en-US)offset-anchor(en-US)offset-distance(en-US)offset-path(en-US)offset-position(en-US)offset-rotate(en-US)opacityorderorphans(en-US)outlineoutline-color(en-US)outline-offset(en-US)outline-styleoutline-widthoverlay(en-US)paddingpadding-block(en-US)padding-block-end(en-US)padding-block-start(en-US)padding-bottompadding-inline(en-US)padding-inline-end(en-US)padding-inline-start(en-US)padding-leftpadding-rightpadding-topperspective(en-US)perspective-origin(en-US)right(en-US)rotate(en-US)row-gap(en-US)ruby-align(en-US)ruby-mergescale(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-coordinatescroll-snap-destinationscroll-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-sizetext-decorationtext-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)transformtransform-origin(en-US)translate(en-US)vertical-alignview-timeline(en-US)view-timeline-inset(en-US)visibilitywidows(en-US)widthword-spacingz-indexzoom(en-US)