CodePen

HTML

            
              <div class="circle">
  <img src="http://www.matteroly.com/assets/images/perry%20kopchak/random_thumbnail.jpg">
</div>
            
          
!

CSS

            
              .circle {
  width:100px;
  height:100px;
  border-radius:50%;
  overflow:hidden;
}

.circle img {
  margin-left:-50%;
  margin-top:-50%;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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