利用GSAP ScrollTrigger实现图片序列帧的鼠标滚动动画，为了方便观测动画执行范围，分别标注了元素的起止位置（start、end）和动画的起止位置（scroller-start、scroller-end）。这种效果多用于网页形式展示产品外观，配合不同展示面的图文信息，产品故事呈现非常生动直观。如苹果 AirPods Pro 3，就多处用到类似效果，访问该页面。本文图片素材来自苹果官网，只做演示用途。 相关文章 360度产品展示 jQuery Reel 实现360度旋转产品展示
