Hide portion of image using css/javascript

Question

Hi I have been trying to trying to hide a portion of image for my blog. Basically what I would like to do is to have images of different sizes (or same width but different heights) on my blog's single post page. But on the main page of the it should show only a portion of it, the size of the visible image should be same for all the images.

I hope the above is clear, just in case I the above explanation is not clear here is a site that works on similar way http://www.creativeapplications.net/

Now I could not get if it's done using CSS or some sort of Javascript. Could you guys help me to understand it and achieve similar image effect.

Thank you Takias

Matthew Lock · Accepted Answer · 2011-04-13 03:13:57Z

7

You want CSS' clip property: http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html

answered Apr 13, 2011 at 3:13

Matthew Lock

13.6k14 gold badges97 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Hide portion of image using css/javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related