Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div {
      background-image: url("https://drafts.csswg.org/css-images-4/images/sprites.svg#svgView(viewBox(40,0,20,20))");
      
      width: 20px;
      height: 20px;
    }
    #t1 {
      background-size: 20px 20px;
      background-color: yellow;
    }
    #t2 {
      background-color: cyan;
    }
    
    
  </style>
</head>
<body>
The yellow box below contains a circle, the north-east quarter of which is black: <div id="t1"></div>
The blue box below does not <div id="t2"></div>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers