slide animation Made of Web Animation API with Vuejs
npm install skh-sliderconsole
$ npm i skh-slider
`
How to Use
`js
:options="options"
:srcArr="srcArr"
:rotationEnd="rotationEnd"
:animationEnd="animationEnd"
style="width: 100%; height: 100%;"
>
import { imageSlider } from "skh-slider";
export default {
components: {
imageSlider
},
data() {
return {
options: {
ms: 3000,
type: "slide",
loop: true,
appear : true,
animationOptions: {
duration: 1500,
fill: "none",
easing: "ease"
},
imageOptions: {
objectFit: "contain"
}
},
srcArr: [
"https://your_source_url1.png",
"https://your_source_url2.png",
"https://your_source_url3.png",
"https://your_source_url4.png"
]
};
},
}
``