How to set irregular shadows in css

In CSS, you can use the drop-shadow attribute to set irregular shadows. You only need to set the "filter:drop-shadow (value value value color value)" style to the element. The drop-shadow function sets a blurry shadow effect to the image.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

Irregular pictures are used as backgrounds in the project, and shadow effects need to be used, as shown in the picture:

If you use box-shadow, there will be depressions. The semicircle does not appear on a white background.
You can use css to achieve shadow effects and solve your needs.

filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));

Recommended learning: css video tutorial

The above is the detailed content of How to set irregular shadows in css. For more information, please follow other related articles on the PHP Chinese website!