Question

我有menu header。它在adobe photoshop中的阴影效果是：

Blend Mode: Multiply
Opacity: 0.25 (25%)
Distance: 3px
Spread: 15%
Size: 9px
Color: #282829

我正在尝试在我的CSS中使用上面的代码作为我的菜单标题（adove）但不幸的是由于某些原因我无法复制它。我用于菜单标题的代码是：

    position: relative;
    top: -890px;
    background-color: rgba(0, 0, 0, 0.5);
    height: 89px;
    border-bottom: 3px solid #EF7440;
    overflow: hidden;

Answer 1

尝试此操作并根据需要调整像素值。第四个值是模糊大小，第三个值是传播的大小。第1和第2个值调整阴影的X和Y偏移。

-webkit-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
-moz-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);

在css中的菜单标题的阴影

1 个答案: