Задать вопрос

Ivan

Начинающий frontend разработчик
Лайки

  • Есть возможность свертать правильно шапку сайта, во всю ширину с SVG?

    @Pavstyuk
    Если не нужна ни какая анимация этих линий на фоне, то можно просто сохранить весь этот фон как растр в формате .webp, который будет весить примерно 150Кб. Он умеет альфа канал, поэтому нижний край с волной сохранится и будет хорошо сочетаться со следующим блоком. Просто делаешь картинку фоном с позиционирование по нижнему краю. Очень простой и быстрый вариант, а вообще всякий декор на 2Мб делать никак нельзя.
    Ответ написан
    Комментировать
    Комментировать

  • Как сверстать данный блок с последующим адаптивом?

    @drawnofmymind 
    .triangle {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 90px 90px 90px;
   border-color: transparent transparent #005BFF transparent;
   transform: rotate(90deg);
}


    1) добавляем для синего треугольника after
    2) добавляем для белого треугольника before
    Ответ написан
    Комментировать
    Комментировать

  • Как сверстать данный блок с последующим адаптивом?

    vhood
    @vhood
    Не забывайте отмечать решения
    Примерно так


    Для адаптива можно сделать несколько вариантов расположения стрелок и переключать их по media запросу
    Ответ написан
    Комментировать
    Комментировать