css animation animation-direction

תפריט ראשי

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

מאפייני CSS

accent-coloralignanimationanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-timing-functionappearanceaspect-ratiobackgroundblock-sizeborderbottomboxcaption-sidecaret-colorclearcolorcolumncolumnscursordirectiondisplayempty-cellsflexfloatfontgapgridheightinline-sizeinsetjustifyleftletter-spacingline-heightlistmarginmaxminmix-blend-modeobjectopacityoutlineoverflowpaddingperspectivepointer-eventsresizerightrotaterow-gapscalescrollbartab-sizetable-layouttexttoptransform-origintransition-delaytranslateunicode-bidiuser-selectvertical-alignvisibilitywhite-spacewidthwordwriting-modez-index

✔️ animation-direction CSS Style Property

המאפיין animation-direction מגדיר סדר הפעלת אנימציה קדימה אחורה או במחזוריות חלופית

דוגמא: שנה סדר הפעלת האנימציה

Demo Panel:
CSS:
HTML:
Syntax:

animation-direction: normal | reverse | alternate | alternate-reverse | initial | inherit;

Valid values:
  • normal, reverse, alternate, alternate-reverse, initial, inherit

Js Syntax: element.style.animationDirection

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

animation-direction
הערך שנבדקChromeFirefoxEdgeCOpera
alternate✔️✔️✔️✔️
normal✔️✔️✔️✔️
reverse✔️✔️✔️✔️
alternate-reverse✔️✔️✔️✔️
initial✔️✔️✔️✔️
inherit✔️✔️✔️✔️
אודות | הצהרת פרטיות | צור קשר