如何创建自定义幻灯片动画 glidejs

如何解决如何创建自定义幻灯片动画 glidejs

有人有使用滑动滑块的经验吗？文档没有任何示例如何在进行过渡之前添加动画。我的观点是在动画时间轴结束后立即运行过渡。

import anime from 'animejs';
import '@glidejs/glide/dist/css/glide.theme.min.css';



const glide = new Glide('.glide',{
    type: 'slider',perView: 1
})
.mount()

glide.on('run.after',() => {
    const animation = anime.timeline()

    animation
    .add({
        targets: '.glide__slide--active',opacity: [0,1],duration: 3000,})
})

glide.on('run.before',opacity: [1,0],duration: 10000,})
})