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

2018-07-05 19:27:33 +08:00
 akaayy
我记得原来少数派的顶图就是用的这种效果,现在改版了

图示:
3477 次点击
所在节点    问与答
11 条回复
yexm0
2018-07-05 19:32:40 +08:00
感觉很多影片都有用类似的技术
66beta
2018-07-05 19:33:47 +08:00
后面的居中放大+毛玻璃 filter
zxyue
2018-07-05 20:02:17 +08:00
用 powerpoint 做轻而易举。😃
ck65
2018-07-05 20:02:54 +08:00
前景图 contain
背景图 cover
mishini
2018-07-05 20:05:15 +08:00
不知道这样做的目的何在 我觉得 zz
KevZhi
2018-07-05 20:21:02 +08:00
思路
创建一个副本铺底按要求拉伸到指定尺寸,然后 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
这是竖拍横放的时候为了填充两侧黑边不得不做的处理,竖拍的应该全部拉出去毙了~~

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

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

https://www.v2ex.com/t/468463

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

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

© 2021 V2EX