rinatoptimus

Поищите skew corner css.

Кажется, это платное расширение: https://gumroad.com/l/multiscrollResponsiveExpand

Вот напильничком подпилите немного и должно устроить jsfiddle.net/dtZDZ

Не уверен, но вдруг.

Возможно, так
выбираем нечетные и добавляем что-либо:
$('div:nth-child(odd)').append...

Выбираем четные и добавляем что-либо:
$('div:nth-child(even)').append...

Нечто похожее и еще.

Кароч, вот так сделал:
.map-teaser-container {
width: 100%;
background: url(../img/bg-map-teaser.jpg) no-repeat;
background-size: contain;
max-height: 861px;
position: relative;
margin: 0 auto;
padding-top: 47%;
background-position: center;
}
.wave {
//margin-top: -8px;
//position: absolute;
width: 100%;
//height: 323px;
background: url('../img/wave.jpg') no-repeat;
background-size: contain;

max-height: 861px;
position: relative;
padding-top: 17%;
background-position: center;
}

Еще пример.

Если хотите, чтоб он не фиксировался, а ехал дальше, уберите position: fixed у .show__fixed. Или я не так понял.

Попробуйте модифицировать этот.

Категория "Интересный сайт": CodemyUI.
Вообще, набираете "curated list for front-end developers" и вперед.

Ищите coverflow css3. Если я правильно понял.

Поздновато он сайт опубликовал, я как раз искал такие глаза, измучился, в итоге пришлось сделать так.
Кому интересно, вот еще недавно пример нашел: https://two.js.org/examples/renderers.html

fonts4web.ru

Я бы взял слайдер и поменял бы у него кнопки навигации, пример.