CSS - 如何将框阴影应用于圆形图像

Question

这是我的简单 CSS 代码:

header img {
    box-shadow: 0 0 40px 5px #CCC ; 

}

看起来像这样:

我的 logo.png 使用 photoshop 进行了四舍五入:http://s8.postimg.org/3ws8ehaud/logo_easyjobs.png

Answer 1

尝试 THIS .希望这可以帮助。我使用 border-radius 使 div 变圆。

CSS:

.header {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    background: url(http://s8.postimg.org/3ws8ehaud/logo_easyjobs.png) no-repeat center center;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}