Rounded Corners

[ShaneVP]

Really confused on this, I watched a few videos but couldn't even do it still. I get part of the way then I get stuck...

If anyone could tell me what to do to give an image rounded corners, I will love you.

 

[DudeThatsErin]

You'd want to use CSS 3.

http://border-radius.com/ Can give you the code or you can use this:

ALL CORNERS:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */

INDIVIDUAL CORNERS:
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 0;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 0;

SHORTHAND: -moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left] SO....
-moz-border-radius: 10px 20px 30px 0;

ELLIPTICAL ROUNDING (FIREFOX 3.5+): -moz-border-radius-topleft: [horizontal radius] [vertical radius]; SO....
-moz-border-radius-topleft: 10px 40px;

Got these codes from here: http://css-tricks.com/snippets/css/rounded-corners/

 

[george.vladd37]

Check this link:
http://css3generator.com/

YOu can create it online and copy/paste the code!

 

[_Jerry_]

Try this, I think you can achieve using css: http://jsfiddle.net/jackJoe/YhDXm/

 

[ShaneVP]

Thank you all for the replies, but I already know how to do it in CSS I was wondering for photoshop. Though I already managed to teach myself to do rounded corners in PS now.

 

[Dausith]

Even I would assume that it's an issue with rounded corner for CSS because you didn't mention that it was for Photoshop. Good to know that you figured it out though.