CodePen

HTML

            
              <img src="http://lorempixel.com/400/300"/>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              img {
  margin: 15px;
  box-shadow:
    0 0 6px 2px #000,
    0 0 0 15px #ccc;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              // http://css-tricks.com/forums/discussion/24409/image-shadow-and-border-without-second-div
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................