新imac专业页面上的动画风格是什么？

Question

我想创建一个网页来重新发布在apple imac pro页面上发生的动画。

这种类型的动画叫什么？ 这可以仅使用HTML5和CSS3来完成吗？

https://www.apple.com/uk/imac-pro/?afid=p238%7CsQ4bjRw3L-dc_mtid_20925wi539930_pcrid_198758187038_&cid=wwa-uk-kwgo-mac-bran-imac+pro-e-slid--productid-

Answer 1

该网站的顶部看起来像图像精灵（您还可以在滚动时播放视频时执行类似操作） 看到这个：https://codepen.io/ollieRogers/pen/lfeLc/

function scrollPlay(){  
  var frameNumber  = window.pageYOffset/playbackConst;
  vid.currentTime  = frameNumber;
  window.requestAnimationFrame(scrollPlay);
}

window.requestAnimationFrame(scrollPlay);

我必须添加一些代码，以便我可以发布上面的codepen链接...

网站“风格”的其余部分类似于视差滚动，请参阅以下内容： https://ihatetomatoes.net/demos/simple-parallax-scrolling-tutorial/ https://ihatetomatoes.net/demos/parallax-scroll-effect/