Advertise Pilot
Hello and Welcome to Advertise Pilot!
Flying Your Forum To Success! 13 awesome Services, 1 new and 2 unique! Register now and take advantage of these result changing services!

Rounded Corners With CSS3

View previous topic View next topic Go down

None Rounded Corners With CSS3

Post by Donal on Thu Jan 27, 2011 3:38 am

Today I'll be showing you how to add rounded corners with CSS3. No complicated images, just good old CSS3.

Note: IE Does not support this.

Here is the basic code for rounded corners:

Code:
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

To round just one corner, you can use this code:
Code:
-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-webkit-border-radius-topright: 5px;-webkit-border-radius-topleft: 5px;border-radius-topright: 5px;border-radius-topleft: 5px;
It's that simple! So why not try it out yourself?

Thanks for reading!




avatar
Donal
Founder


Status :
Online
Offline

Gender Gender : Male
Posts Posts : 1965
AP Credits AP Credits : 4320
Age Age : 21
Location Location : England
No Awards

View user profile

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum