Возможно ли изменить форму формы?

Надо сверстать форму, в который углы не 90", а немного скошены внутрь, получается перевернутая трапеция. Можно ли это сделать с помощью CSS? В целом это не критично для дизайна, но так в макете сделано.

@dmk, Йоксель к вашим услугам

Это первое, что попробовал, но не получилось. Трапеция, например, это 3 бордера - 1 горизонтальный и 2 боковых прозрачных. То есть вся фигура это кусок рамки.
http://cssdeck.com/labs/l8m7e0x0
Но с формами так не получается, надо же чтобы форма была внутри трапеции.

Вы хотите оформить поле input?

Нет, нужно сделать углы не прямыми в полях ввода. Все как на картинки, никаких скрытых блоков.

так тут углы прямые =) это все с помощью box-shadow. Обман зрения, да и только
Тут я не спец, спросите у @juwain’а :wink:

1 лайк

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

2 лайка