problem description
for example, can a figure like the following (the box part indicates the transparent background and the polygonal border with inner shadow) be realized by html+css, and how should it be achieved?
for example, can a figure like the following (the box part indicates the transparent background and the polygonal border with inner shadow) be realized by html+css, and how should it be achieved?
shapes are achievable, but shadows are not allowed https://codepen.io/Ariex/full.
Hello, the background can be tiled with linear gradient
here is a demo I implemented
https://codepen.io/xboxyan/pe.
as for the inner polygons, you can use the upstairs way, and the shadow can be realized with filter: drop-shadow .
basic effects can be achieved with the simplest positioning
requirements: the page has a large image as the background, which requires that no matter how the browser size changes, the background image will always be in the same proportion (will not be deformed), and will always be covered with the entire browser...