A как вы делаете кривые линии блоков?

[Нарек]

Собственно вопрос. Скрин

Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет?

Вариант canvas знаю что есть, только ищу легкий путь)

[Great Rash]

Да согласен, в таком случае не сработает метод. Тогда предлагаю использовать SVG.

В ИЕ9 вроде есть его поддержка (только пример мой допилите по-человечески - доктайпы там и т.п.). Даже можно попробовать повторить на VML, тогда получите поддержку аж в ИЕ6+.

[Great Rash]

Для начала нужно понять под какие версии браузеров вам надо.

[Нарек]

Для начала нужно понять под какие версии браузеров вам надо.

Ну чем кроссбраузернее тем лучше. От IE 9 идеально будет. 

[li4e]

Я бы сделал перекрывающим блоком с transform!

[Нарек]

Я бы сделал перекрывающим блоком с transform!

Тоже вариант. Но увы при уменьшении и увеличении окна браузера в ширину  появляются дырки, неприкрытые места.

[Great Rash]

Кроссбраузерней всего сделать бордером.

[Нарек]

Кроссбраузерней всего сделать бордером.

Но там вроде нужно написать фиксированные размеры? А что делать если сайт масштабируется скажем от 1000px до 1920 ?

[Нарек]

Тогда предлагаю использовать SVG.

 

Это лучший вариант спасибо! С синтаксисом не знаком, подскажите пожалуйста какими параметрами играться чтобы направление кривой поменять? В примере справа налево, как менять слева направо?

 

upd: нашел)

Edited April 3, 2015 by Нарек

[Нарек]

A есть вариант добавления тени ? http://joxi.ru/L21LlRdSqDP9mX

 

upd: помог stroke

Edited April 3, 2015 by Нарек

[Great Rash]

Прочтите обязательно.

[DivMan]

Я по теме.

 

А как сверстать такой блок?

 

[Vlad]

Самое простое - два фона: фотография и белая фигурная рамка. Добавляете фоны к одному элементу, чтобы рамка была внизу и перекрывала фотографию.

[DivMan]

Самое простое - два фона: фотография и белая фигурная рамка. Добавляете фоны к одному элементу, чтобы рамка была внизу и перекрывала фотографию.

Если пользователь в настройках браузера, задаст свой цвет для body, то этот белый фон будет не красиво смотреться.