Анимация, смена главного фона?

Question

[bogopodob]

Подскажите пожалуйста, как сделать плавную анимацию фона на примере https://www.pinterest.ru/pin/259449628537260812/

Comments

[Froggyweb]

ну да а что от дизайнера должно прийти css анимации и слайдер на react?

Answer 1

[origami1024]

Вот половина работы, нужно еще разобраться как сделать хорошо рамку с блюром вокруг изображения, есть идеи?

Answer 2

[DanielMcRon]

htmlbook.ru/html/video

Comments

[Froggyweb]

а интерактив как сделать? например клик на слайдер

Answer 3

[Froggyweb]

есть фон картинка
есть чувак с z-index
есть слайдер

Comments

[bogopodob]

А как именно сделать такой эффект перехода?

[Froggyweb]

из реального - canvas. Пиксел перфект - вряд ли и дебилизм, но в целом будет красиво