Shaping a Div with css [closed]

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.

---

This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

Closed 8 years ago.

Improve this question

I want a really weird shaped div and I've read around the web for shaping divs but they only show how to do triangles and circles and things like that. No one really explains why the thing is happening that they do.

Please note: It can't be just a border, as there is supposed to be text inside it.

I sure hope someone could help me :)

I have tried several things but none were doing what I wanted them to do.

Thanks a lot.

Answer 1

http://www.samuelrossille.com/css-shape/#1142AAy0z-10z-4z13z4z0_20z2z-4z4z0

Try this site, you can generate your own shapes. I made you a little start.

Veel succes

Answer 2

You can get the desired results using CSS3 borders and transform properties. More details including working examples can be found here:

http://css-tricks.com/examples/ShapesOfCSS/

Answer 3

use two div's. give border-radius to inside div. and place text inside your div.

Answer 4

I think the best solution is to slice your shape in Photoshop or any other program as transparent .png and include it as css background for that div