这是一个创建于 817 天前的主题，其中的信息可能已经有所发展或是发生改变。
接了个活, 客户想要实现这个网站 https://www.superlist.com/, 第一屏左右移动那根竖线, 能切换背景图的效果. 知道有什么库可以实现吗?
 | 1 gujuji 2023-09-30 18:38:46 +08:00 via iPhone f12 不就看到了吗？ |
 | 2 b821025551b 2023-09-30 18:45:21 +08:00 这不就是两个 div 同速滚动么。。。 |
 | 4 sumtsui OP @b821025551b 主要是想知道那个根据那根竖线变换背景的效果 |
 | 5 cyrbuzz 2023-09-30 19:30:17 +08:00 直接用 transition 就可以。 |
| 6 sumtsui OP 看出来了, 就是一个 div 在下一层 100% width, 一个 div 在上一层, width 根据 mouse X 变化而变化. 还发给几个做前端开发的朋友看了, 说可能是 css filter 或者 mixed-mode 实现的, 听到了从来没听过的 css 时髦属性, 不错不错. |
 | 7 qazwsxkevin 2023-09-30 20:05:25 +08:00 加载页面完毕后，随手鼠标划拉了一下看效果，直接把我 CPU 风扇从静态干到暴力模式，然后几十秒后再停下来了。。。CPU 是 I7-13800H ，确定只加载这个页面，PC 其它什么 load 负载的程序都没有， |
 | 8 bgm004 2023-09-30 20:18:53 +08:00 via Android 我这游戏本风扇都明显加速了。。 |
| 9 bgm004 2023-09-30 20:21:36 +08:00 via Android 2 楼正确答案。 |
 | 10 rabbbit 2023-09-30 20:24:47 +08:00  1 就是两个 div ，左边的盖在右边的上面。 filter 已经算老古董了，介绍几个新的,以后可能会经常用的。 dvh dvw keyboard-inset-height keyboard-inset-width ::view-transition-new ::view-transition-old :popover-open subgrid @layer @scroll-timeline has() anchor() |
 | 11 taotaodaddy 2023-09-30 22:02:46 +08:00 CPU 占用率干到 80%多... |
 | 12 lxiian 2023-10-01 12:42:27 +08:00 什么鬼东西，ios 浏览器打开直接死循环播放无数个视频，看不到任何网页，全是视频播放器。。关掉一个又出来一个，根本见不到底。。。手机也立马高温发热了。。。。 |
Select Language