CSS Picture clipping clip

CSS Clip Clipping

You can use it to crop a picture oh.

Let's cut the Google icon and cut the G-word.

Note that this clip has to be used in conjunction with absolute positioning, otherwise it will not be effective.

Rect (top, right, bottom, left)

Up, right, down, left.

What do you mean, like the clip:rect above (0 140px 140px 0); This sentence means I want to trim an image from the high 0px to the bottom of 140px, from the left 0px to the right 140px pixels. (more simply, I'm going to clip an image with a height of 140 pixels and 140 pixels wide.) But this sentence is not quite right in some cases, so it is better to understand the first sentence. ）

I think of a magical use, is the CSS Wizard can be used to write AH.

Now that you've said it, actually, ha. Take the Taobao elf diagram.

The picture looks like this

Clip

OK, if this you feel nothing, in fact, there is a magical, such as user upload pictures, you may have to let the user cut, this time you can use this.

This is whether we can cooperate with JS to achieve it, you say.

If you are afraid of compatibility issues, there is no problem at all, CSS2 support.

CSS Picture clipping clip