Friday, September 9, 2011

HTML5 :: div :: rounded corners :: webkit

CSS with webkit
.round {
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
}

CSS without webkit
.round {
  // All corners are round
  border-radius: 10px;
  // diagonally opposite corners are rounded;
  border-radius: 10px 3px;
  // custom round
  border-radius: 20px 3px 8px 14px;
}

No comments:

Post a Comment