Есть ли примеры сайтов с таким эффектом обрезки и маски?

Question

[monochromer]

Как на примере

Comments

[vis0r]

можно ссылку на исходный сайт?

[Сергей]

тоже было бы интересно увидеть на живом примере эти педали

[monochromer]

vis0r: показанная анимация -это просто gif. Но подобное представление набирает популярность. Поэтому я и попросил привести примеры сайтов, чтобы посмотреть, как люди делают. В принципе, ответ один - шерстить сайты типа awwwards.

[vis0r]

monochromer: ok, перефразирую, назовите пожалуйста источник этой гиф анимации.

[monochromer]

vis0r: https://dribbble.com/shots/3460104-Work-in-portfolio

Answer 1

[Anton fon Faust]

Анимация создана из последовательности изображений.
Маски - те же самые изображения в дивах с overflow: hidden и смещением.
Имхо, не сложно делается.