React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
I can on find a way to use different type of animation with autoplay. i have imported my desiered cssModule and passed it to the slider in the component but still it is using its default animation.
`import React from "react"
import AwesomeSlider from 'react-awesome-slider';
import withAutoplay from 'react-awesome-slider/dist/autoplay';
import style from'react-awesome-slider/dist/custom-animations/fall-animation.css';
import gs from "../images/gs850.jpg"
import t9 from "../images/t900.jpg"
import yhm from "../images/yhm.jpg"
I can on find a way to use different type of animation with autoplay. i have imported my desiered cssModule and passed it to the slider in the component but still it is using its default animation.
`import React from "react" import AwesomeSlider from 'react-awesome-slider'; import withAutoplay from 'react-awesome-slider/dist/autoplay'; import style from'react-awesome-slider/dist/custom-animations/fall-animation.css'; import gs from "../images/gs850.jpg" import t9 from "../images/t900.jpg" import yhm from "../images/yhm.jpg"
const AutoplaySlider = withAutoplay(AwesomeSlider);
const Carousel = () => (
<AutoplaySlider play={true} cancelOnInteraction={false} // should stop playing on user interaction interval={6000} cssModule={style}