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.

Was it helpful?

Solution 3

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

OTHER TIPS

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/

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

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top