Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
  <title>:before</title>
<style>
  article, aside, figure, footer, header, hgroup,
  menu, nav, section { display: block; }
  
  #demo {
    margin: 50px;
    width: 200px;
    height: 100px;
    position: relative;
    background: red;
    box-shadow:  
      0px 15px 30px 0px #000;
    text-shadow: 0 0 3px white;
  }
</style>
</head>
<body>
  <div id="demo">Hello World</div>
</body>
</html
 
$(div);.ss-style-inczigzag::before,
.ss-style-inczigzag::after {
    left: 0;
    width: 100%;
    height: 50px;
    background-size: 100px 100%;
}
 
.ss-style-inczigzag::before {
    top: 0;
    background-image: linear-gradient(15deg, #3498db 50%, #2980b9 50%);
}
 
.ss-style-inczigzag::after {
    bottom: 0;
    background-image: linear-gradient(15deg, #2980b9 50%, #3498db 50%);
}
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers