Skip to content

Instantly share code, notes, and snippets.

@aahan

aahan/style.css

Created December 1, 2013 15:01
Show Gist options
  • Save aahan/7735017 to your computer and use it in GitHub Desktop.
Save aahan/7735017 to your computer and use it in GitHub Desktop.
Download ZIP
Crop image using CSS
Raw
style.css
/*
* Crop image using CSS
*/
#top-stories figure,
#latest-stories figure {
display: block;
overflow: hidden;
width: 81px;
}
#top-stories figure img,
#latest-stories figure img {
display: block;
height: 81px;
margin-left: -32px; /* Crop from middle on x-axis (32px + 80px + 32px) */
min-width: 144px;
width: 144px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment