Skip to content

Instantly share code, notes, and snippets.

@kranthilakum

kranthilakum/round_cornered_square.html

Created March 24, 2013 18:29
Show Gist options
  • Save kranthilakum/5232949 to your computer and use it in GitHub Desktop.
Save kranthilakum/5232949 to your computer and use it in GitHub Desktop.
Download ZIP
CSS3 rounded cornered square | e.g. http://www.css3.info/preview/rounded-border/
Raw
round_cornered_square.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Round-Cornered Square</title>
<style type="text/css">
.polygon {
margin: 5px 0 5px 20px;
width: 150px;
height: 150px;
background: #abcdef;
border-radius: 9px; /* CSS 3 */
-moz-border-radius: 9px; /* Firefox */
-webkit-border-radius: 9px; /* Safari */
}
</style>
</head>
<body>
<div class="polygon"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment