@@ -852,8 +852,8 @@ Example : [Staggering Animation]() <br>
852852
853853| Attribute | Type | Default | Description | Values |
854854| -------------------------------- | ------------- | --------------- | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
855- | data-jos_animation | string | fade | Set the animation type for the element. | ` fade ` , ` slide ` , ` zoom ` , ` flip ` , ` fade-right ` , ` fade-left ` , ` fade-up ` , ` fade-down ` , ` zoom-in-right ` , ` zoom-in-left ` , ` zoom-in-up ` , ` zoom-in-down ` , ` zoom-out-right ` , ` zoom-out-left ` , ` zoom-out-up ` , ` zoom-out-down ` , ` flip-right ` , ` flip-left ` , ` flip-up ` , ` flip-down ` , ` rotate ` , ` rotate-right ` , ` spin ` , ` spin-right ` , ` revolve ` , ` revolve-right ` , ` stretch ` , ` stretch-vertical ` , ` my-custom-animation ` |
856- | data-jos_animationInverse | string | static | Set the Inverse animation type for the element. | ` fade ` , ` slide ` , ` zoom ` , ` flip ` , ` fade-right ` , ` fade-left ` , ` fade-up ` , ` fade-down ` , ` zoom-in-right ` , ` zoom-in-left ` , ` zoom-in-up ` , ` zoom-in-down ` , ` zoom-out-right ` , ` zoom-out-left ` , ` zoom-out-up ` , ` zoom-out-down ` , ` flip-right ` , ` flip-left ` , ` flip-up ` , ` flip-down ` , ` rotate ` , ` rotate-right ` , ` spin ` , ` spin-right ` , ` revolve ` , ` revolve-right ` , ` stretch ` , ` stretch-vertical ` , ` my-custom-animation ` |
855+ | data-jos_animation | string | fade | Set the animation type for the element. | `static`, `no-transition`, `fade`, `fade-up`, `fade-down`, `fade-left`, `fade-right`, `fade-up-right`, `fade-up-left`, `fade-down-right`, `fade-down-left`, `flip`, `flip-up`, `flip-down`, `flip-left`, `flip-right`, `slide`, `slide-up`, `slide-down`, `slide-left`, `slide-right`, `slide-up-right`, `slide-up-left`, `slide-down-right`, `slide-down-left`, `zoom`, `zoom-in`, `zoom-in-up`, `zoom-in-down`, `zoom-in-left`, `zoom-in-right`, `zoom-out`, `zoom-out-up`, `zoom-out-down`, `zoom-out-left`, `zoom-out-right`, `grow`, `grow-right`, `grow-left`, `grow-up`, `grow-down`, `shrink`, `shrink-right`, `shrink-left`, `shrink-up`, `shrink-down`, `rotate`, `rotate-right`, `rotate-left`, `spin`, `spin-right`, `spin-left`, `revolve`, `revolve-right`, `revolve-left`, `stretch`, `stretch-vertical`, `stretch-horizontal`, `skew`, `skew-left`, `skew-right`, `skew-down`, `skew-up`, `slant`, `slant-right`, `slant-left`, `blur`, `sepia`, `invert`, `backdrop`, `brightness`, `saturate`, `hue-rotate`, `bar`, `bar_horizontal`, `grey`, `slide-play`, `slide-horizontal-play`, `slide-vertical-play`, `zoom-in-play`, `pulse-play`, `zoom-play`, `zoom-out-play`, `pulse-out-play`, `flip-play`, `rotate-play`, `spin-play`, `revolve-play`, `grow-play`, `shrink-play`, `stretch-play`, `stretch-vertical-play`, `fade-play`, `fade-horizontal-play`, `fade-vertical-play`, `blink-play`, `my-custom-animation` |
856+ | data-jos_animationInverse | string | static | Set the Inverse animation type for the element. | `static`, `no-transition`, `fade`, `fade-up`, `fade-down`, `fade-left`, `fade-right`, `fade-up-right`, `fade-up-left`, `fade-down-right`, `fade-down-left`, `flip`, `flip-up`, `flip-down`, `flip-left`, `flip-right`, `slide`, `slide-up`, `slide-down`, `slide-left`, `slide-right`, `slide-up-right`, `slide-up-left`, `slide-down-right`, `slide-down-left`, `zoom`, `zoom-in`, `zoom-in-up`, `zoom-in-down`, `zoom-in-left`, `zoom-in-right`, `zoom-out`, `zoom-out-up`, `zoom-out-down`, `zoom-out-left`, `zoom-out-right`, `grow`, `grow-right`, `grow-left`, `grow-up`, `grow-down`, `shrink`, `shrink-right`, `shrink-left`, `shrink-up`, `shrink-down`, `rotate`, `rotate-right`, `rotate-left`, `spin`, `spin-right`, `spin-left`, `revolve`, `revolve-right`, `revolve-left`, `stretch`, `stretch-vertical`, `stretch-horizontal`, `skew`, `skew-left`, `skew-right`, `skew-down`, `skew-up`, `slant`, `slant-right`, `slant-left`, `blur`, `sepia`, `invert`, `backdrop`, `brightness`, `saturate`, `hue-rotate`, `bar`, `bar_horizontal`, `grey`, `slide-play`, `slide-horizontal-play`, `slide-vertical-play`, `zoom-in-play`, `pulse-play`, `zoom-play`, `zoom-out-play`, `pulse-out-play`, `flip-play`, `rotate-play`, `spin-play`, `revolve-play`, `grow-play`, `shrink-play`, `stretch-play`, `stretch-vertical-play`, `fade-play`, `fade-horizontal-play`, `fade-vertical-play`, `blink-play`, `my-custom-animation` |
857857| data-jos_once | boolean | false | Set whether the element should animate only once. | ` true ` , ` false ` |
858858| data-jos_delay | int | 0 | Set the delay for the animation to start. | ` (float: 0-1) ` & ` (int: 0, 1, 2, 3, 4, 5) ` |
859859| data-jos_duration | float | 0.4 | Set the duration for the animation playback. | ` (float: 0-1) ` & ` (int: 0, 1, 2, 3, 4, 5) ` |
0 commit comments