Этим я уже пользовался. Хорошая штука, но меня пугает сама анимация логотипа. У меня такое чуство что мне просто сделали видео - и вперед, реализуй и все.
Все я до конца продумал как это должно быть! Спасибо друг, выручил. Оказывается сложно только на бумаге. Делаем три слоя. Нижний это картинка сама по себе, второй это маска верхнего края, третий это маска нижнего края, сами по себе они по ширине подготовлены на весь экран, например 2560 ширина, а когда уменьшается экран, то они просто так по центру и остаются а края маски прячутся. Так, один вопрос решен кажется! Теперь с тем чудо-логотипом разобраться.
На сколько я понимаю задачу то при загрузке первой страницы лого большое как в начале анимации. Когда скролим оно свертывается наверх. А если мы скороим наверх то оно опять распадается назад в изначальное состояние.
Трансформация будет это когда при скроле картинка как бы сползает в блоке самом. background-attachment: fixed.
Да я тут уже дизайнеру сказал что вариант прокатит если сделать как вы посоветовали, что на див с картинкой поверх див с маской в виде гнутостей этих. Интересно как себя поведет эта маска при растягивании на весь экран, плюс там тени во внутрь, как они будут выглядеть в таком виде.
Да, SVG мне не очень хочется. Просто интересно как будет этот див с маской в итоге при тренсформации будет выглядеть. Изображение же в нем растровое, побьется небось некрасиво.
Спасибо за советы, попробую. У меня на весь экран была только ИДЕ, и айтюнс, попробую прижиться с броузером, ранее у меня чтото не получилось. Хотя конечно шикарно когда на все 27.
