Сразу допер, а я тупанул

ну там оно не видно просто..
если инпуту прописать ширину 100% то станет видно какая часть анимируется и когда

https://codepen.io/IhorSila/pen/KKWRbMe
добавил некоторых стилей и скругления для всех угловых ячеек. чето немного кривовато все-таки...

сорят отвлекся. но тебе уже помогли )

выглядит шикарно. пожалуй его и возьму себе :)

сжал ) твой вариант
https://jsbin.com/lojubaq/edit?html,css,output

топчик )

могут быть ньюансы правда

Ребят, всем привет! Подскажите, как мне реализовать такой эфект, что бы желтая картинка вниз плавно скрылась и осталось +- 20% видимости

заранее благодарб

хы

Добро пожаловать, Aracelis Glover! Тут мы обсуждаем вопросы по вёрстке. Чаты по JavaScript найдёшь в описании.

Мы всегда рады помочь, но у нас есть правила.

Задавай свой вопрос сразу и полностью: nometa.xyz. Отдельно здороваться не нужно: neprivet.ru. Примеры кода кидай в «песочницу»: codepen.io/pen.

Если хочешь показать экран, делай это средствами системы, а не фотографией. Для Windows многие рекомендуют LightShot.

Мы рады тебе!

Для подтверждения того, что ты прочитал приветствие (а также то, что ты не бот),  нажми, пожалуйста, кнопку ниже

Вариантов тут конечно +- 100

примерно так - блок, в нем свг маска, под маской блок с желтой заливкой, блок с заливкой опускаешь вниз

У меня картинка есть желтая эта

В некотрых случаях можно сделать совсем уж просто: делать сам блок с картинкой меньше.

везет тебе. у нас нет

я ушел

тогда он смещается и сжимается, а мне нужна тонкая полоска внизу по окончанию

Ребята привет. Подскажите пожалуйста как решить проблему с баром на айфоне которые перекрывает контент который 100vh высотой и fixed?

Если у Вас картинка в блоке, то делая блок меньше, картинку можно оставить обычных размеров.