akaayy
V2EX  ›  问与答

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

By akaayy at 2018 年 7 月 5 日 · 4544 次点击
我记得原来少数派的顶图就是用的这种效果,现在改版了

图示:
11 条回复  •  2018-07-06 00:03:47 +08:00
yexm0
   1
yexm0  
   2018 年 7 月 5 日 via iPhone
感觉很多影片都有用类似的技术
66beta
   2
66beta  
   2018 年 7 月 5 日
后面的居中放大+毛玻璃 filter
zxyue
   3
zxyue  
   2018 年 7 月 5 日 via Android
用 powerpoint 做轻而易举。😃
mogita
   4
mogita  
   2018 年 7 月 5 日 via iPhone
前景图 contain
背景图 cover
mishini
   5
mishini  
   2018 年 7 月 5 日 via Android
不知道这样做的目的何在 我觉得 zz
KevZhi
   6
KevZhi  
   2018 年 7 月 5 日 via iPhone
思路
创建一个副本铺底按要求拉伸到指定尺寸,然后 blur
上面原图片居中
网页图片不常用这种效果,一般是在横屏视频里突然有一个竖屏视频会用到,免得两边大黑边
goodan
   7
goodan  
   2018 年 7 月 5 日
猜测是 premiere 之类的效果预设之类。

@mishini 比黑屏更美观一些。
goodan
   8
goodan  
   2018 年 7 月 5 日
@goodan 啊自己打脸,是图片不是视频,我闭嘴。
wdy3334
   9
wdy3334  
   2018 年 7 月 5 日
一个视频复制一层,底层放大,加高斯模糊,记得选择边缘像素重复( pr 的高斯模糊,ae 的快速模糊都有这个选项)
wdy3334
   10
wdy3334  
   2018 年 7 月 5 日
@goodan #8 没打脸啊,pr 本来就是处理视频的,你说的其实差不多是对的
myang
   11
myang  
   2018 年 7 月 6 日
这是竖拍横放的时候为了填充两侧黑边不得不做的处理,竖拍的应该全部拉出去毙了~~

© 2026 V2EX · 40ms · 3.9.8.5