CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
Other Discussions
[Solved] Clip Images
chrisburton
Permalink to comment
#
June 2012
How would I go about clipping my images from the center and also make them 230px by 230px?
Essentially I just want it to show a sneak peek of the full result (sort of like dribbble).
Fiddle
amoss
Permalink to comment
#
June 2012
http://jsfiddle.net/YXAfN/5/
Something like this?
TheDoc
Permalink to comment
#
June 2012
I'd go inline for the background images:
http://jsfiddle.net/YXAfN/6/
amoss
Permalink to comment
#
June 2012
Nice TheDoc.
chrisburton
Permalink to comment
#
June 2012
Thanks for the help guys
Senff
Permalink to comment
#
June 2012
Just throwing in another version, with some jQuery:
http://jsfiddle.net/senff/ZrPCQ/
chrisburton
Permalink to comment
#
June 2012
Thanks
@senff
. I actually prefer the jQuery method as I didn't want to mess with the markup.
Add a Comment
Essentially I just want it to show a sneak peek of the full result (sort of like dribbble).
Fiddle
Something like this?