css animation animation-range-start

תפריט ראשי

מבוא ל-CSSצבעים ב-CSSפונקציות CSSמחולל דוגמאות CSSטיפים וטריקים ב CSSאודות אתר סי.אס.אס. גייד

מאפייני CSS

@charset@color-profile@container@counter-style@font@import@keyframes@layer@media@namespace@page@property@supportsaccent-coloralignalignment-baselineallanchoranimationanimation-compositionanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-rangeanimation-range-endanimation-range-startanimation-timelineanimation-timing-functionanimation-triggerappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblockbookmarkborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapglyph-orientation-verticalgridhanging-punctuationheighthyphenatehyphensimageime-modeinitialinlineinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmasonry-auto-flowmathmaxminmix-blend-modenavobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterow-gaprubyrxryscalescrollscrollbarshapespeak-asstopstring-setstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwrapwriting-modexyz-indexzoom

✔️ animation-range-start CSS Style Property

המאפיין animation-range-start קובע את נקודת ההתחלה של תחום האנימציה ב-scroll timeline.

דוגמא: הגדרת נקודת ההתחלה של טווח אנימציה מונעת גלילה

Demo Panel:
CSS: 111
HTML: 222
Syntax:

Valid values:
  • normal, cover, contain, entry, exit, entry-crossing, exit-crossing

Js Syntax: element.style.animationRangeStart

תאימות דפדפנים

אודות | הצהרת פרטיות | צור קשר