Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<meta charset=utf-8 />
<title>Border-radius</title>
</head>
<body>
  
  <div data-border="border-radius: 20px;">
  </div>
  
  <div class="percents" data-border="border-radius: 50%;">
  </div>
  </body>
</html>
 
DIV {
  border-radius: 20px;  
  }
.percents {
  border-radius: 50%;  
}
/* Decorations
------------------------*/
BODY {
  background: white;
  }
DIV {
  margin: 20px;
  padding: 25px 40px;
  background: gold;
  }
DIV:before {
  display: block;
  content: attr(data-border);
  text-align: center;
  font-size: 27px;
  }
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x