CSS Only Rounded Corners
5
May
There are several options for creating rounded corners like: with one image, four images, javascript and plain CSS (and more).
Ask The CSS Guy puts the CSS rounded corners used in Google Analytics under scrutiny.
The technique works by leaving a 1px notch in every corner which creates the rounded corner effect .
This is definitely a nice way of creating rounded corners as it is always more flexible working with CSS rather than static images.
Requirements: No Requirements
Compatibility: All Major Browsers
Website: http://www.askthecssguy.com/2008/03/one_pixel_notche...
Compatibility: All Major Browsers
Website: http://www.askthecssguy.com/2008/03/one_pixel_notche...
- Tags:
Google Analytics
- Filed under: Design, No License, Xhtml & Css
- 4 Comments
4 Responses for "CSS Only Rounded Corners"
The effect is hardly to notice, I dont think its useful
This effect is used on the new WP Admin theme, pretty cool resource.
I found one cool 3 line css only method for rounded corner. Working fine on 9 major browsers.
http://www.htmlremix.com/curved-corner-border-radius-cross-browser/
Thanks
thanks and nice technic