2016-06-27 3 views
0

Итак, я видел, как сделать фигуры в CSS возможно, но есть одна форма, о которой я не уверен, поэтому я прошу здесь. Есть форма, как это возможно:CSS - Формирование кнопки таким образом?

a busy cat http://image.prntscr.com/image/d86a1accaab04480aa65019a543133a2.png

Почему это помечено как дубликат? Я не пытаюсь добиться чего-то подобного. Как будто это связано с дубликатом.

+0

Да, используя SVG, вы можете создавать такие фигуры. Вам понадобится Photoshop, или что-то подобное, чтобы создать форму и сохранить ее как SVG. –

+0

Посмотрите на это сообщение/ответ, он покажет вам, как: http://stackoverflow.com/a/38038730/2827823 – LGSon

+0

Хм, пробовал в течение 2 часов .. Все еще не получилось. Есть ли кто-нибудь, кто мог бы мне немного помочь? –

ответ

-1

Вам нужно будет использовать несколько разделов, чтобы добиться того, что вы пытаетесь сделать похожим. Некоторые из границ должны быть скрыты, и вам нужно будет установить правила overflow-x и overflow-y, чтобы вырезать куски каждого div формы, которые вам не нужны. Это возможно, но я не знаю, будет ли это стоить усилий. Другим решением было бы сделать изображение с этой формой и для искривленной части справа, если вы хотите, чтобы она была выровнена по прямой с круговой строкой, тогда вам нужно будет правильно расположить ее, а также убедиться, что изображение не выполнено У меня есть фон, он будет отображаться как квадрат/прямоугольник, независимо от того, что вы делаете

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