css3 Border Radius
CSS code in acion:
Example 1: All Corners.
This example shows how all the borders can be manipulated at once.
Example 2: Top Right Corner.
This example shows how each corner can be changed individually.
Example 3: Bottom Right Corner.
Imageless borders with CSS3
Example 4: Top Left Corner.
This example shows how each corner can be changed individually.
Author: Free CSS Menus: www.freecssmenus.co.uk
Description: CSS Border radius achievable with CSS3.
I do love the idea of creating corners for boxes without having to draw them, save them and then upload them, not to mention position them and have the CSS code correctly point to their location on the server. At the moment we may still have to go through this process to achieve what we want, because this effect at present is only supported by FIREFOX and SAFARI.
As powerfull as this CSS3 effect is, I would steer clear of using it until it works fully cross-browser.
Category: Borders
Tested Browsers: Firefox 3.0.1, Safari
Post a comment!
More CSS related to this script:
Css3 Iphone Menu Pad. Creating an iphone app? how about this funky dark purple menu made in css3. Looks good and uses no images just css3 gradient effects. Cool stuff! Css3 uses the border radius command to curve the border edges... Nice.
Just remember that the W3C validator doesnt like CSS3 commands, so it will come up with errors for this web script.
css3 Border Radius. CSS Border radius achievable with CSS3.
I do love the idea of creating corners for boxes without having to draw them, save them and then upload them, not to mention position them and have the CSS code correctly point to their location on the server. At the moment we may still have to go through this process to achieve what we want, because this effect at present is only supported by FIREFOX and SAFARI.
As powerfull as this CSS3 effect is, I would steer clear of using it until it works fully cross-browser.
CSS Navigation:
Latest CSS:
•
Css3 Iphone Menu Pad
Creating an iphone app? how about this funky dark purple menu made in css3. Look ...
Added: Friday 24 Jun, 2011
•
Huge Expandable Horizontal Menu
You may be thinking that this menu was made with CSS3. Not the case! This menu w ...
Added: Monday 13 Jun, 2011
•
Matt Cardle Vertical Menu
2010 Xfactors Matt Cardle Menu. This vertical menu shows how a png image can be ...
Added: Saturday 16 Oct, 2010
•
Sleek Drop-down Menu
A great example of what css can be used to create. This free download from PSDGR ...
Added: Friday 13 Aug, 2010
•
Bright Yellow Vertical Menu
If your website is bright and sunny then add this vertical menu to give it a spl ...
Added: Tuesday 15 Jun, 2010
Top Rated:
Css rollover uk map te ...
Free rollover map of the Unite ...
4.3 / 5 - 53 Ratings
CSS World Map Rollover
I made the UK rollover map las ...
4.4 / 5 - 43 Ratings
Huge Expandable Horizo ...
You may be thinking that this ...
4.9 / 5 - 19 Ratings
Free Tabbed Navigation ...
Tabbed navigation menus improv ...
4.5 / 5 - 15 Ratings
Transparent Vertical M ...
This vertical golf menu uses a ...
4.4 / 5 - 14 Ratings
CSS Tags:
