Jump to content

creating a rounded div


divinedesigns1

Recommended Posts

hello i have been trying to create this rounded div but i have not been so successful, so i decided to ask for advice or help, the image below is what i have been trying to create

main-menu-bg.png

so far i have manage to get just a little piece of the div to curved but no luck so far, anyone have any advice on how to go about doing this? this includes the menu also

Link to comment
Share on other sites

This isn't a div, it's a curve. Are you trying to simulate that curve with the border-radius property?

yeah i am, but its not getting there when i try adding the li tags to it

Link to comment
Share on other sites

What code have you used?

width:40%;height:300px;border:1px solid #000; /* to display the div */border-top-left-radius:900px; /* goes for webkit, moz, mo, o */

the above code is what i use, my first try i use the transform to rotate the div with the combination of the border-radius

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...