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

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

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

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

<amp-youtube data-videoid="AqHZJe6306k" layout="responsive" width="480" height="270"></amp-youtube>

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/468463

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX