html - 如何为圆形图像设置阴影(css)

Question

我是 css 阴影的新手，我们可以设置阴影吗？ 圆形图像(我的意思是圆形图像)。

如果可能的话，请给我一个CSS代码。 提前致谢

Answer 1

这是不可能的，因为 CSS 不知道图像内容的形状(例如解释透明度)。 你可以用 CSS3 画一个圆圈并加上阴影，see this jsFiddle .

div {
    background: red;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    margin: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
}