Question

let’s say that i have an image

It’s size is

height : 150px
width : 100px.

I want to get a part of it, let’s say the full height, but with width between 30-80px. so it will be

height : 150px
width : 100px.

I don’t want to scale it. I want to cut a part from it. (thanks for editing, it’s called cropping).

How to do it?

Answer 1

There is the (somewhat little-known) clip css property, although it does require that the element being clipped is position: absolute; (which is a shame):

img {
    position: absolute;
    clip: rect(0 100px 200px 0);
    /* clip: shape(top right bottom left); NB 'rect' is the only available option */
}

Reference