Картинка в background или «модный» CSS3?

Question

[kelso]

Понятное дело, в таком случае проще вырезать картинку и поставить фоном, но на проекте таких вот дизайнерских решений оч. много и хотелось бы иметь больше контроля (оперативно цвет поменять или радиус там).

Поэтому вопрос такой: можно ли без особых извращений и грязных хаков это реализовать?

Answer 1

[bezymenka]

Если я правильно поняла, Вам нужно это habrahabr

Comments

[kelso]

Почти
Но юзать пхп (да и вообще гадить лишними тегами в верстку) не очень хочется

[aen]

Да и не сработает это на резиновом диве.

Answer 2

[Николай Антал]

Возможно с SVG как то получиться?

Answer 3

[Krickt]

Конечно можно, CSS3 это позволяет сделать. А в браузерах, которые это не поддерживают просто не будет этой волнистости, кроссбраузерность не будет нарушена.

Answer 4

[aen]

Без особых извращений и грязных хаков это сделать не получится. Проще сделать картинкой, тем более, что она маленькая и много места в спрайте не займет. Да и кроссбраузерность будет куда лучше, чем хаки css3, svg или canvas.

Answer 5

[Юрий Лобанов]

Сделайте так:
jsfiddle.net/iiil/Q4j22/1
jsfiddle.net/iiil/TsXDE
Тут Вам и свобода, и простота, и кроссбраузерность.
Нарисовать надо только маленький элемент волны цветом основного бэкграунда, ведь он не так часто меняется.

Comments

[kelso]

Увы, коварный дизйанер сделал БГ картинкой