Image cropping

by Cam Gould

HTML

<div class="circular" style="background-image:url(http://www.recipestap.com/wp-content/plugins/wp-o-matic/cache/af4e1_ap.jpg)"></div>
<div class="circular" style="background-image:url(http://3.bp.blogspot.com/-LAfvYIuz6c4/UpQxIe-FlmI/AAAAAAAAAcE/DVeCw1W6Yu4/s320/Eggless+Mini+Apple+Pie.JPG)"></div>

CSS

.circular {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    /* demo only */
    margin: 30px;
}