給你找了以前一個知乎朋友的回答：

我一直很喜歡一個程序員朋友告訴我的一句話，不管方法是什么，能實現就是牛逼。而題主說的這個動畫實現方法事實上并沒有針對動畫使用css，而是通過一種更簡潔（但是并不簡單）的方式實現。

作者：劉翎TiGer鏈接：https://www.zhihu.com/questio...來源：知乎著作權歸作者所有，轉載請聯系作者獲得授權。

你看到的動畫效果只是一個mp4視頻 。瀏覽器開發工具里面查看resource -> frame / http://www.apple.com下面有個media的文件夾就可以看瀏覽器里cache的這個video

為什么視頻會變化？（我猜是）通過javascript阻止自動播放并且獲得頁面向下滾動位置的數值來定位進度條君，所以你看到的是一貞一貞而不是流暢的視頻（我覺得有待改進）那么你看到的css transform其實只是用來定位裝視頻的大div，使其一直在網頁的可視區域內。

以上

總結

以上是生活随笔為你收集整理的苹果官网新款mbp介绍页touchbar效果怎么做出来的？ 财富值97的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。