前端常用的插件库

前端常用的插件特别多,在此记录常用的几个。
1,scrollreveal (页面滚动执行动画),vue通用
官方网站:https://scrollrevealjs.org/
说下常用的几个配置,包含scrollreveal多次执行动画 :案例
同级别的还有wow.js , 可自行了解

var config= {
        delay: 500, // 延时
        duration: 2000, //效果持续时间
        distance: '50px', // 滑动距离
        origin: 'left', // 从哪个方向进入
        opacity: 0, // 初始时透明度
        viewFactor: 0.3,         // 指定滚动到百分之几时才显示出来
        rotate: {
          x: 20,
          z: 20
        },
        scale: 0.85, // 缩放比例
        interval: 600,
        reset: true, // 是否重复执行动画 ,往上轮动时执行
    };
    ScrollReveal().reveal('.element', config);

2,Hover.css 鼠标经过的特效插件
懒人专用通道

3,waves 波纹的点击效果
案例演示

4,Viewer.js 图片查看器插件
案例演示
目前是见过的最强大的图片查看插件,需要依赖jQuery。
当然也有vue版本的:v-viewer

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章