Skip to content

Instantly share code, notes, and snippets.

@aklaswad

aklaswad/border-radius.html

Created April 29, 2012 00:57
Show Gist options
  • Save aklaswad/2522997 to your computer and use it in GitHub Desktop.
Save aklaswad/2522997 to your computer and use it in GitHub Desktop.
Download ZIP
Border radius
Raw
border-radius.html
<!DOCTYPE html>
<html>
<head>
<title>Border-radius</title>
<style>
.br { max-width: 400px; height: 40px; background: #abc; margin: 5px; padding: 10px; border: 1px solid #789; }
</style>
</head>
<body>
<div class="br" style="-webkit-border-radius: 20px 0 0 0; ">-webkit-border-radius: 20px 0 0 0; </div>
<div class="br" style="-webkit-border-radius: 0 20px 0 0; ">-webkit-border-radius: 0 20px 0 0; </div>
<div class="br" style="-webkit-border-radius: 0 0 20px 0; ">-webkit-border-radius: 0 0 20px 0; </div>
<div class="br" style="-webkit-border-radius: 0 0 0 20px;">-webkit-border-radius: 0 0 0 20px;</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment