CodePen

HTML

            
              <div class="box">
            
          
!

CSS

            
              .box{
  position: absolute;
  top: 10px;
  left: 10px;
  width:200px;
  height: 200px;
  background:
    url("https://www.google.com/images/srpr/logo11w.png") 187px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 171px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 155px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 139px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 123px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 107px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 91px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 75px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 59px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 43px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 27px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 11px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") -5px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") -21px -21px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 187px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 171px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 155px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 139px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 123px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 107px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 91px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 75px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 59px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 43px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 27px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") 11px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") -5px 72px repeat-y,
    url("https://www.google.com/images/srpr/logo11w.png") -21px 72px repeat-y;
}  
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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