文件名称:motionblur:实验运动模糊网站滚动
文件大小:7.74MB
文件格式:ZIP
更新时间:2024-06-14 17:49:25
css animation motion blur TypeScript
运动模糊滚动演示 我创建了这个演示,以查看是否有可能实现滚动和页面上其他任何运动的“平滑”运动体验。 通常,即使您的浏览器具有稳定的60fps,帧也不会“融合”,并且会导致“抖动”的外观。 有很多很棒的视频详细介绍了这种效果,例如 结论 总的来说,我的结论是,尽管它看起来不错,但可用性却很差,尤其是在滚动查找某些内容时。 享受!
【文件预览】:
motionblur-main
----yarn.lock(223KB)
----src()
--------scrollSpeed.ts(1KB)
--------svg.ts(2KB)
--------index.ts(30B)
--------id.ts(575B)
--------spring.ts(2KB)
--------trigger.ts(0B)
--------point.ts(250B)
--------bodyScroll.ts(768B)
--------domUtils.ts(177B)
----demo()
--------index.html(94KB)
--------2.jpg(9KB)
--------index.ts(92B)
--------1.jpg(35KB)
--------style.css(415B)
--------3.jpg(46KB)
----.prettierrc(189B)
----README.md(605B)
----.gitignore(2KB)
----demo.gif(7.57MB)
----package.json(344B)