技术方案落地:
电影感:限制 movie-frame 容器高度强制上下留黑,字体加上多重 text-shadow 防止在复杂背景上看不清。
老胶片:用 CSS 径向渐变(Radial Gradient)配合 mix-blend-mode: screen 叠加在画面边缘,利用不透明度闪烁动画模拟胶片光损漏光。
对应代码标记:场景包裹 .cinematic-music,电影画幅区 .movie-frame,漏光特效 .light-leak,高对比字幕 .subtitles-container。
电影感:限制 movie-frame 容器高度强制上下留黑,字体加上多重 text-shadow 防止在复杂背景上看不清。
老胶片:用 CSS 径向渐变(Radial Gradient)配合 mix-blend-mode: screen 叠加在画面边缘,利用不透明度闪烁动画模拟胶片光损漏光。
对应代码标记:场景包裹 .cinematic-music,电影画幅区 .movie-frame,漏光特效 .light-leak,高对比字幕 .subtitles-container。
