Как с помощью css сделать изгиб стороны блока, чтобы он напоминал майку?

Question

[Иван Погорелов]

Я из интереса взялся за сайт для заказа фотосувениров. Решил использовать минимум картинок. Мне пришла мысль сделать страницу с подбором размера.

Захотелось сделать её красивой. Хочу нарисовать css-ом майку.

Синяя часть - просто блок со скругленными углами, зеленое (рукава) - что-нибудь придумаю, они не обязательны, но желательны. Если знаете, как сделать, напишите в ответе.

Но основная проблема - вырез (красное), я не понимаю, как его сделать. Помогите. Спасибо.

Comments

[Иван Погорелов]

И еще хочется, что бы в зависимости от введенных пользователем данных изменялся размер.

Answer 1

[Иван Старков]

Может не мучать css по таким пустякам и сделать майку в svg? Тогда любые шалости css сможете использовать - цвета, толщину линий и докучи майка будет на майку похожа :-)
Да и дорисовать что то будет проще.

Answer 2

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

jsfiddle.net/iiil/GLnef
Сайт про фотосувениры с минимумом изображений... хм, могут быть проблемы )
Картинка не отображается, думаю, Вы про это.

Comments

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

в связи с дополнением - можно менять стили с помощью js

[Иван Старков]

а потом заказчик захочет полукруглый низ майки, и у рукавов :-) svg решение этих проблем :-)

[Иван Погорелов]

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

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

@icelaba я сторонник изображений. Все эти игры с css и svg - еще не пришло время, чтобы делать это просто и быстро, надо ценить свое время. За этим будущее, но не настоящее.

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

@icelaba я вот к примеру банальным border-radius не могу пользоваться в полную силу, или не поддерживаю его для старых версий - если это например блок с текстом, или, если не обойтись, дублирую для старых версий картинкой.

[Иван Старков]

@iiil да да помню ie 6.0 :-) я тоже за минимум игр но svg потихоньку начал использовать

[Rampages]

Ну какой же веб 2.0 без svg, javascript'a и прочих светлых технологий? :)