1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Как обыграть такую тему с бэкграундом и блоками

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 28 апр 2019.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Как правильно обыграть такую тему с бэкграундом и текстовыми блоками и картинкой?
    Вот примерная схема: https://prnt.sc/ni0cfe
     
    AlexGood, 28 апр 2019
    #1
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    285
    Симпатии:
    53
    Фон муторный. Может в сторону svg смотреть? Ну не картинкой же!
     
    iga, 29 апр 2019
    #2
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    В том то и проблема что хз как лучше сделать :( И так и так шляпа получается :(
     
    AlexGood, 29 апр 2019
    #3
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Не уверен насколько оно получится пиксель пёрфект, но можно просто: синяя подложка + два блока с бордер-радиус (оранжевый и над ним белый). А дальше уже поиграться с числами.
     
    Dotrox, 29 апр 2019
    #4
    AlexGood нравится это.
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    я без pixel perfect просто вырезал синий фон с закруглением и этот блок поднял наверх для получение нужного результата, единственное под мобилы прийдется поизвращаться
     
    AlexGood, 29 апр 2019
    #5
< Нужна помощь с изменением внутрених блокав в теме | отправка формы на почту >