前端常用的插件特别多,在此记录常用的几个。
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