滚动列表的 3D 入场效果

Give each list item a CSS transition on transform and opacity and set perspective on the list. On scroll (throttled with requestAnimationFrame), compare each item's offset with the visible range and toggle a 'past' class for items above and a 'future' class for items below. Define per-effect CSS for those classes, for example rotateX(-90deg) with transform-origin at the top for a flip, or translateZ and rotateY for a helix. Items animate back to identity when they enter view.