2015-02-18 3 views
0

Мы все знаем, что можно иметь закругленные углы в простом CSS, используя свойство border-radius. Также возможно иметь произвольные угловые формы, в частности, используя cubic-bezier?Границы CSS с кривыми Безье

+0

К сожалению, нет. Вы думали об использовании SVG? –

+0

http://www.hongkiat.com/blog/css3-border-shape/ доступно много других вещей, вам просто нужно сделать это в Google – Rex

ответ

2

Это определенно, используя маскировку CSS. Если вам нужна только форма (так что не цвет/толщина/etc, который вы получаете, когда используете свойство CSS border), тогда настройка «формы границы» идентична использованию «обтравочной маски» с видом форма, созданная border-radius, просто обрезается маской «прямоугольник с закругленными углами».

html5rocks.com имеет множество примеров абсолютно безумных форм границы, выполненных таким образом.

Смежные вопросы