CodePen

HTML

            
              <ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
</ul>
            
          
!

CSS

            
              li {
  background:
    linear-gradient(
      rgba(255,0,0,0.4),
      rgba(255,0,0,0.4)
    ),
    url(http://placekitten.com/g/100/100);
  border: 1px solid white;
  color: white;
  font-size: 50px;
  font-weight: bold;
  height: 100px;
  line-height: 100px;
  text-align: center;
  position: relative;
  width: 100px;
}
li:nth-child(n+4) {
  left: 102px;
  top: -306px;
}
li:nth-child(n+7) {
  left: 204px;
  top: -612px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................