Liste des propriétés CSS animées
Certaines propriétés CSS peuvent être animées. Cela signifie que leur valeur change de façon graduelle grâce aux animations CSS ou aux transitions CSS.
Voici la liste des propriétés qui peuvent être animées :
-moz-outline-radius-moz-outline-radius-bottomleft-moz-outline-radius-bottomright-moz-outline-radius-topleft-moz-outline-radius-topright-ms-grid-columns(en-US)-ms-grid-rows(en-US)-webkit-line-clamp-webkit-text-fill-color-webkit-text-stroke-webkit-text-stroke-coloraccent-colorallanimation-range(en-US)aspect-ratiobackdrop-filterbackgroundbackground-clipbackground-colorbackground-originbackground-positionbackground-position-xbackground-position-ybackground-sizeblock-sizeborderborder-blockborder-block-colorborder-block-endborder-block-end-colorborder-block-end-widthborder-block-startborder-block-start-colorborder-block-start-widthborder-block-widthborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-widthborder-colorborder-end-end-radiusborder-end-start-radiusborder-imageborder-image-outsetborder-image-sliceborder-image-widthborder-inlineborder-inline-colorborder-inline-endborder-inline-end-colorborder-inline-end-widthborder-inline-startborder-inline-start-colorborder-inline-start-widthborder-inline-widthborder-leftborder-left-colorborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-widthborder-start-end-radiusborder-start-start-radiusborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-widthborder-widthbottombox-shadowcaretcaret-colorcaret-shapeclipclip-pathcolorcolumn-countcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-widthcolumn-widthcolumnscontain-intrinsic-block-size(en-US)contain-intrinsic-height(en-US)contain-intrinsic-inline-size(en-US)contain-intrinsic-sizecontain-intrinsic-width(en-US)container(en-US)container-type(en-US)content-visibilitycounter-incrementcounter-resetcounter-setdisplayfilterflexflex-basisflex-flowflex-growflex-shrinkfontfont-palette(en-US)font-sizefont-size-adjustfont-stretchfont-stylefont-variation-settingsfont-weightgapgridgrid-auto-columnsgrid-auto-rowsgrid-column-gapgrid-gapgrid-row-gapgrid-templategrid-template-columnsgrid-template-rowsheighthyphenate-limit-chars(en-US)initial-letterinline-sizeinput-securityinsetinset-blockinset-block-endinset-block-startinset-inlineinset-inline-endinset-inline-startleftletter-spacingline-clampline-heightline-height-steplist-stylemarginmargin-blockmargin-block-endmargin-block-startmargin-bottommargin-inlinemargin-inline-endmargin-inline-startmargin-leftmargin-rightmargin-topmaskmask-bordermask-positionmask-sizemax-block-sizemax-heightmax-inline-sizemax-linesmax-widthmin-block-sizemin-heightmin-inline-sizemin-widthobject-positionoffsetoffset-anchoroffset-distanceoffset-pathoffset-positionoffset-rotateopacityorderorphansoutlineoutline-coloroutline-offsetoutline-styleoutline-widthoverlay(en-US)paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-topperspectiveperspective-originrightrotaterow-gapruby-alignruby-mergescalescroll-marginscroll-margin-blockscroll-margin-block-endscroll-margin-block-startscroll-margin-bottomscroll-margin-inlinescroll-margin-inline-endscroll-margin-inline-startscroll-margin-leftscroll-margin-rightscroll-margin-topscroll-paddingscroll-padding-blockscroll-padding-block-endscroll-padding-block-startscroll-padding-bottomscroll-padding-inlinescroll-padding-inline-endscroll-padding-inline-startscroll-padding-leftscroll-padding-rightscroll-padding-topscroll-snap-coordinatescroll-snap-destinationscroll-timelinescrollbar-colorscrollbar-widthshape-image-thresholdshape-marginshape-outsidetab-sizetext-decorationtext-decoration-colortext-decoration-thicknesstext-emphasistext-emphasis-colortext-indenttext-shadowtext-size-adjusttext-underline-offsettoptransformtransform-origintranslatevertical-alignview-timeline(en-US)view-timeline-inset(en-US)visibilitywidowswidthword-spacingz-indexzoom