Rounded and Shaded Corners

Written by on April 25th, 2007 in Ajax News.

Jesse Kuhnert was looking at the Google Rounded Corners and decided to implement his own, using the same URL structure.

You can see his demo at work, and you can add corners by doing this:

CSS:

  1.  
  2. .detail {
  3.   display:block;
  4.   margin-top:2em;
  5.   padding: 0 1.1em 2em;
  6.   background: url(”rounded?bc=white&w=600&h=40&shadow=true&ah=10&aw=10&sw=4&o=.5″) left bottom no-repeat;
  7. }
  8.  

More Rounded Corners

Source: Ajaxian
Original Article: http://ajaxian.com/archives/rounded-and-shaded-corners

Leave a Reply

You must be logged in to post a comment.



Site Navigation