3 posts
  • Has been a member for 5-6 years
LUMINEON says

Hi!
I have little problem with CSS !
Can somebody tell me how to create rounded corners in CSS ?
Thanks!

352 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 50 and 99 users
  • Sold between 10 000 and 50 000 dollars
+1 more
danharper says

Mozilla all corners:
-moz-border-radius: 15px;

Mozilla specific corners:
-moz-border-radius-topright: 15px;

Webkit all:
webkit-border-radius: 15px;

Webkit specific:
webkit-border-top-right-radius: 15px;

CSS3 all:
border-radius: 15px;

CSS3 specific:
border-top-right-radius: 15px;

More Info

Or, you can use images to create the corners, which will work in all browsers. Just have a look at the code this app generates.

364 posts Onuro
  • Bought between 10 and 49 items
  • Elite Author
  • Exclusive Author
  • Has been a member for 6-7 years
  • Referred between 100 and 199 users
  • Sold between 50 000 and 100 000 dollars
  • United States
ThemeKioken says

Or you can go with image replacement, or javascript based rounded cornering

2016 posts Review Manager
  • Envato Staff
  • Has been a member for 5-6 years
  • Attended a Community Meetup
  • Australia
  • Beta Tester
  • Contributed a Blog Post
  • Contributed a Tutorial to a Tuts+ Site
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 5 000 and 10 000 dollars
+7 more
jremick Staff says

Five different techniques to rounded corners: http://css-tricks.com/video-screencasts/24-rounded-corners/

3 posts
  • Has been a member for 5-6 years
LUMINEON says

Thanks for help!
I will see what to use.
;)

5 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 6-7 years
  • United States
brandonarnold says
951 posts
  • Beta Tester
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Netherlands
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
Daan says

these border-radius ones only work in browsers that support css3

31 posts
  • Bought between 10 and 49 items
  • Canada
  • Has been a member for 5-6 years
  • Referred between 1 and 9 users
brenelz says

The following is my CSS Rounded Corners post,

http://blog.brenelz.com/2008/08/02/css-rounded-corners/

322 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 6-7 years
  • Referred between 10 and 49 users
  • Sold between 10 000 and 50 000 dollars
  • United States
  • Won a Competition
shadow66142000 says

@brenelz – I read your post but don’t you mean “repeat-y”?

31 posts
  • Bought between 10 and 49 items
  • Canada
  • Has been a member for 5-6 years
  • Referred between 1 and 9 users
brenelz says
@brenelz – I read your post but don’t you mean “repeat-y”?

Hehe. Yeah I wrote this post awhile ago. Just looked at it now and a few mistakes ;) Thanks for pointing that out.

It has been updated

by
by
by
by
by
by