Skip to content

Instantly share code, notes, and snippets.

@joesteinkamp
Created August 19, 2012 16:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joesteinkamp/3396249 to your computer and use it in GitHub Desktop.
Save joesteinkamp/3396249 to your computer and use it in GitHub Desktop.
Border Radius: Cross Browser Syntax including Mobile with comments explaining CSS support.
<div id="example">
Hello!
</div>​
#example {
margin: 50px auto; width: 100px; background: #f06; text-align: center; color: #fff;
/* ** START BORDER-RADIUS SYNTAX ** */
-webkit-border-radius: 20px; /* Saf3-4, iOS 1-3.2, Android 1-1.6 */
-moz-border-radius: 20px; /* FF1-3.6 */
border-radius:20px; /* Opera 10.5+, IE9+, Saf5+, Chrome, FF4+, iOS 4+, Android 2.1+ */
/* Stops bg at beginning of border */
-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment