如何创建自定义幻灯片动画 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,})
})

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)