GSAP+scrollTrigger-倾斜滚动效果

394 阅读1分钟

知识点:

参考更多文档内容

方法说明
.to()gsap.to(".box", {rotation: 27, x: 100, duration: 1})
.quickSetter()gsap.quickSetter("#id","x","px") 应用到#id元素的x属性上,并添加一个"px"单位,更加提升性能
clamp()固定一个值以适合特定的范围(例如:固定(0,100,-12) --- 0)。clamp(minimum:数字—最小值,maximum:数值—最大值,valueToClamp: Number—应该夹在前两个值之间的值。)
.getVelocity()返回:Number 速度单位为像素/秒

对你有帮助

CSS+HTML<倾斜滚动效果>