Slider with multiple animated card
You can add multiple pictures in this Slider that can automatically play as a slideshow.
Syntax
{{< slider-animated-containerbackground-color="any background or gradient"container-height="Any valid number with unit like 10px or 100vh"is-full-width="true|false"is-show-progress-bar="true|false"margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on." >}}
{{< slider-animated-itemauthor-text="Any text"author-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-left-background-color="any background or gradient"button-left-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-left-border-width="Any valid number with unit like 10px or 10rem"button-left-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-left-hover-background-color="any background or gradient"button-left-hover-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-left-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-left-link="Any valid http link"button-left-text="Any text"button-right-background-color="any background or gradient"button-right-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-right-border-width="Any valid number with unit like 10px or 10rem"button-right-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-right-hover-background-color="any background or gradient"button-right-hover-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-right-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-right-link="Any valid http link"button-right-text="Any text"image="Any valid image link"is-open-in-new="true|false"text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"title-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"title-text="Any text"topic-text="Any text"topic-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
The actual message goes here
{{< /slider-animated-item >}}
{{< /slider-animated-container >}}
