Как верстальщику скруглять прямоугольник, который нарисован вручную

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем 198brian, 18 мар 2016.

  1. 198brian

    198brian

    Регистрация:
    18 мар 2016
    Сообщения:
    2
    Симпатии:
    0
    Всем привет.

    Набрел на пост Ильи Бирмана (http://ilyabirman.ru/meanwhile/all/metro-line-curves/) о красивом скруглении углов. Вопрос: как верстальщик нарисует такие элементы, ведь в css, наверное, работает тот же авто-механизм скругления, что и в фотошопе или иллюстраторе.

    З.Ы. Я начинающий веб-дизайнер, поэтому не очень знаком с процессом верстки, но пытаюсь разобраться. :Smile:
     
  2. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    53
    Симпатии:
    3
    для кружков можно использовать стиль, размер корректировать 2к1
    {
    width: 8px;
    height:8px;
    background: black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    }
     
  3. Gloris

    Gloris

    Регистрация:
    19 мар 2016
    Сообщения:
    9
    Симпатии:
    0
    А зачем верстальщику рисовать, если есть border-radius? Причем можно задавать радиус не только обычному скругленному уголку, но и эллиптическому, указав радиус по горизонтали/вертикали через слеш
     
  4. terer

    terer

    Регистрация:
    1 апр 2016
    Сообщения:
    5
    Симпатии:
    0
    поддерживаю выше сказанное.
    border-top-right-radius:
    border-bottom-right-radius
    border-top-left-radius
    border-bottom-right-radius:
    либо сокращенная форма border-radius