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!


Join the forum, it's quick and easy

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!
Advertise Pilot
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Live Statistics: Total posts: 4280 | Total topics: 747 | Total members: 141 | Welcome to our Newest Member, https://advertisepilot.forumotion.com/u144!



Open Slot

Rounded Corners With CSS3

Advertise Pilot :: Founder Section ::  :: The Admin Runway

Go down

Rounded Corners With CSS3 Empty Rounded Corners With CSS3

Post by Donal 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!
Donal
Donal
Founder
Rounded Corners With CSS3 Dyrdox

Status :
Online
Offline

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

Back to top Go down

Back to top

Advertise Pilot :: Founder Section ::  :: The Admin Runway

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