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

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 : 22
Location Location : England
No Awards

View user profile

Back to top Go down

Back to top

- Similar topics

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