苹果官网这是怎么做到的？

是苹果的 HomePod 介绍页面

https://www.apple.com.cn/homepod-2nd-generation/

banner 下面 随着滚轮推进，音响的横面也慢慢推进，颜色也会随之变化

找了半天代码也没看到在哪里做的

求各位大佬解惑一下

根据相对位置实现图片的透明度变化? id='overview-hp-shell-1' 的 style="opacity: 0;"

纯技术角度思考问题的盲点（

看视角和颜色的转换，只有视频方便呈现 另外，可能因为 X-Content-Type-Options 这个 Header ，视频并没有显示在请求列表的媒体类型下

Lottie 可控制视频按滚动条进度播放

@cxz2998 #2 哦，我默认关视频，所以没看到

@MossFox #3 牛逼啊 大佬 怎么办到的

视频是这个， https://www.apple.com.cn/105/media/us/homepod-2nd-generation/2023/f6c72fbe-43a7-45cd-b7b5-ce192011cca9/anim/siri/large.webm 控制的话，这得去自己搜一下。源代码是压缩过的， https://www.apple.com.cn/v/homepod-2nd-generation/b/built/scripts/main.built.js

@NoOneNoBody #1 刚刚找到了，是一段视频 。特效指的是往下滚动页面时候出现 [令人沉浸的高保真音质] 这段话开始，随着滚轮滚动播放下面的视频那段。但是还没找到控制的 js 函数在哪里 https://i.imgur.com/cPNPYD5.png 还在问 AI 和搜谷歌

不知道说什么，safari 才有的效果？ 我这 chromium 没发现特别的