中间一张清晰的图片，两边露出同一张图片的放大模糊作为背景，这种效果叫什么？是否有前端框架(css)可以直接实现，如下图

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2326 天前的主题，其中的信息可能已经有所发展或是发生改变。

我记得原来少数派的顶图就是用的这种效果，现在改版了

图示：

11 条回复 • 2018-07-06 00:03:47 +08:00

yexm0

2018-07-05 19:32:40 +08:00 via iPhone

感觉很多影片都有用类似的技术

66beta

2018-07-05 19:33:47 +08:00

后面的居中放大+毛玻璃 filter

zxyue

2018-07-05 20:02:17 +08:00 via Android

用 powerpoint 做轻而易举。😃

ck65

2018-07-05 20:02:54 +08:00 via iPhone

前景图 contain
背景图 cover

mishini

2018-07-05 20:05:15 +08:00 via Android

不知道这样做的目的何在我觉得 zz

KevZhi

2018-07-05 20:21:02 +08:00 via iPhone

思路
创建一个副本铺底按要求拉伸到指定尺寸，然后 blur
上面原图片居中
网页图片不常用这种效果，一般是在横屏视频里突然有一个竖屏视频会用到，免得两边大黑边

goodan

2018-07-05 21:52:54 +08:00

猜测是 premiere 之类的效果预设之类。

@mishini 比黑屏更美观一些。

goodan

2018-07-05 21:53:22 +08:00

@goodan 啊自己打脸，是图片不是视频，我闭嘴。

wdy3334

2018-07-05 22:09:02 +08:00

一个视频复制一层，底层放大，加高斯模糊，记得选择边缘像素重复（ pr 的高斯模糊，ae 的快速模糊都有这个选项）

wdy3334

2018-07-05 22:10:02 +08:00

@goodan #8 没打脸啊，pr 本来就是处理视频的，你说的其实差不多是对的

myang

2018-07-06 00:03:47 +08:00

这是竖拍横放的时候为了填充两侧黑边不得不做的处理，竖拍的应该全部拉出去毙了~~