: Button whith an irregular shape I'm trying to mare a button whith an irregular shape similar to this using only CSS Somebody have any clue?

@Murray976

You can play with the border-radius property to get some odd shapes...



button {
background: #a00 ;
color: #fff ;
border: 2px solid #a33 ;
padding: 20px 50px;
margin: 20px;
font-size: 20px;
font-weight: bold;
box-shadow: 0 3px 5px #aaa;

/* where the magic happens */
border-radius: 40% 60% 30% 50%;

}


Sample

If you need that specific shape, you'll have to work out the percentage of radius for each corner to get close.

Vote Up Vote Down