Rounded Corners in Webkit (Pure CSS)

Much like Mozilla Firefox, Webkit allows developers to create pure CSS rounded corners in all browsers that use the Webkit engine, including Apple's Safari and Google's Chrome. Check out how easy implementing rounded corners can be!

 .sample {
  -webkit-border-radius:10px; /* all corners */
  -webkit-border-top-left-radius:15px; /* top left corner */
  -webkit-border-top-right-radius:50px; /* top right corner */
  -webkit-border-bottom-left-radius:15px; /* bottom left corner */
  -webkit-border-bottom-right-radius:50px; /* bottom right corner */
  border:1px solid #fc0; /* border color, per usual */
}