页面滚动动画

链接: https://scrollrevealjs.org/

vue中使用:

yarn add  scrollreveal -D

在mian.js里面: 引入
import scrollReveal from 'scrollreveal'
Vue.prototype.$scrollReveal = scrollReveal()

页面中使用:

this.$scrollReveal.reveal('.newsList', {
            duration: 200,
            delay: 500,
            origin: 'top',
            reset: true,
            mobile: true,
            distance: '20px',
            opacity: 0.001,
            rotate: {
                x: 90,
                y: 60,
                z: 80
            },
            scale: 0.5
        })

猜你喜欢

转载自www.cnblogs.com/sanye00liubingjian/p/10764554.html