עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontransition-behaviortransition-delaytransition-durationtransition-propertytransition-timing-functiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
The CSS Propertie transition-duration
The transition-duration property specifies how long the transition lasts. Initial value is 0s (no animation — immediate). Negative values invalid.
.box {
transition-duration: 300ms;
}
.box {
transition-property: opacity, transform;
transition-duration: 200ms, 0.5s;
}
min:0
max:10000
step:100
units:ms | s
CSS Transitions Module Level 1
Working Draft
<time>
W3CMDN
Hover over me
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext