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

[cxz2998]

是苹果的 HomePod 介绍页面

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

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

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

求各位大佬解惑一下

[NoOneNoBody]

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

[cxz2998]

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

[MossFox]

视频是这个，
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

[cxz2998]

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

[NoOneNoBody]

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

[HeyWeGo]

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

[learnshare]

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

[Greendays]

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

[paopjian]

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