rotate属性scrollreveal.js中⽂api
// 属性:(默认)
delay: 0, // 延时时间
distance: '0px', // 执⾏距离
duration: 600, // 执⾏时长
easing: 'cubic-bezier(0.5, 0, 0, 1)', // 执⾏速度
interval: 0, // 执⾏间隔(时间)
opacity: 0, // 执⾏⽅式(透明度)
origin: 'bottom', // 执⾏⽅式(偏移 top:⾃上⽽下,bottom:⾃下⽽上,left:⾃左往右,right:⾃右往左.)
rotate: { // 执⾏⽅式(旋转)
x: 0, // x
y: 0, // y
z: 0, // z
},
scale: 1, // 执⾏⽅式(缩放)
cleanup: false, // 暂时不知道是什么东西
container: document.documentElement, // 执⾏容器(后跟元素,填写后只有容器内的元素执⾏动画)
desktop: true, // 是否在电脑上⾯执⾏
mobile: true, // 是否在⼿机上⾯执⾏
reset: false, // 是否重复执⾏()
useDelay: 'always', // 延时执⾏⽅式(always(⼀直延时执⾏),once(只延时执⾏⼀次),onload(只在加载时延时执⾏))
viewFactor: 0.0, // 视图显⽰元素百分之多少的时候执⾏动画(单位:⼩数,例:0.50 在元素展⽰超过百分之五⼗的时候,执⾏动画) viewOffset: { // 视图偏移(把视图抽象成元素移动)
top: 0,
right: 0,
bottom: 0,
left: 0,
},
afterReset: function (el) {}, // 重置之后(视图内看不到元素之后,退场动画执⾏结束之后)
afterReveal: function (el) {}, // 执⾏之后(动画已经执⾏完毕(已完成))
beforeReset: function (el) {}, // 重置之前(视图内看不到元素之后,退场动画执⾏结束之前)
beforeReveal: function (el) {}, // 执⾏之前(动画开始执⾏(未完成时)) // 属性:(默认)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论