Как сделать эффект наложения картинки?

Question

[deniska93]

Доброго времени суток
Как реализовать подобный эффект? задний фон дублирует картинку спереди(ну или наоборот)

Comments

[Kentavr16]

Наверное в фотошопе попроще. Можно попробовать пошаманать с масками css, но это лишний геморрой

[Rustam Bainazarov]

Точно так же, как и в Photoshop, — послойно.

[Ankhena]

Как сделать задний фон как на изображении?

Answer 1

[Vad Sim]

HTML:

<div class="container">
<img src="ссылка на изображение" class="center">
</div>

CSS:

.container {
width: 100vw;
height: 100vh;
filter: blur(10px);
background: url("ссылка на изображение");
}
.center {
width: 50px;
margin: auto;
}