Please show me how to write this kind of DIV. It is slanted_html/css_WEB-ITnose

Please tell me the method.

Reply to discussion (solution)

Parent container relative positioning child container absolute positioning setting z-index overlay image processing like that as the background of the child container

This Is it CSS3? Can you write a small code? Please

The background image is in png format, and the shadow is made translucent. IE7 and above do not require additional styles. IE6 requires the use of background transparency filters

What effect do you want to achieve? Moving the mouse up will show everything? If yes, the superimposed ones above will be processed into 4 png pictures for overlay coverage. The ones with no content on the right will be processed into transparent and translucent black beveled edges

If it is just a link, it will be processed directly into one picture, heating point That’ll be great

border-radius: 5px;shadow: 3px #333;

Check this yourself, I don’t use it very often
But since the browser supports CSS3, I suggest that the poster wants to do this for the best effect. Process the image...
If it is folded, make it into a PNG and overlap it as the moderator said.

I think this was done directly from the picture. I used PS to create such an effect and pasted it on...

Isn’t it faster to use PS? ?

Isn’t this a picture? Check the source code?

Owner, please make the URL of this picture public.

The picture is slanted, but the div is not slanted