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小时内删除。