Clip Property CSS values

Question

After trying a gruesome lot of time I am still not gaining the correct co-ordinates or pixels to clip/crop out my image

the image:

https://i.stack.imgur.com/y4L2T.jpg

I want to clip out the right and left white portion of the image.Thanks.

I am currently using it on shopify platform with liquid codes — Enigma, May 13 '17 at 14:07
img { position: absolute; clip:rect(0px,60px,200px,0px); } I tried various combinations still ain't working — Enigma, May 13 '17 at 14:08
Why couldn't you just pull the image into paint or something and remove the white?? — S. Walker, May 13 '17 at 14:15
I can't do I am working on an e-commerce start up with thousands of images being uploaded daily directly to the website. — Enigma, May 13 '17 at 14:27

S. Walker · Accepted Answer · 2017-05-13T14:27:16.280

-1

Is this what your wanting? The clip property does NOT CHANGE THE IMAGE SIZE!

img {    
    position: absolute;
    clip: rect(58px 416px 532px 184px);
}
body {
  background-color: #000;
}

<img src="https://i.stack.imgur.com/y4L2T.jpg">

I really think this is what you want:

div {
    position: relative;
    height: 475px;
    width: 234px;
    overflow: hidden;
}
img {    
    position: absolute;
    left: -183px;
    top: -58px;
}

<div>
<img src="https://i.stack.imgur.com/y4L2T.jpg">
</div>

edited May 13 '17 at 14:27

answered May 13 '17 at 14:21

S. Walker

2,129
12
30

Thanks for helping me out.No wonder the community downvotes you even for your help. – Enigma May 13 '17 at 14:26
If this is your solution, please mark this as answer. If not, please explain why this is not your solution. – S. Walker May 13 '17 at 14:27

Clip Property CSS values

1 Answers1