将内外阴影应用于单个HTML元素

Question

3

一个HTML元素是否可以同时应用两个box-shadow？我想要同时应用内部（inset）和外部的box-shadow。

这样可以使元素内部模糊，同时也有一个普通的外部阴影效果。

例如：

box-shadow: inset 5px 5px #000000;
box-shadow: -1px 5px #FF00FF;

- sazr

2个回答

1

试试这个：

box-shadow: inset 5px 5px #000000, -1px 5px #FF00FF;

- vdbuilder

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Josh Smith · Accepted Answer

可以。

你可以简单地这样做：

box-shadow: 0 0 5px #FF00FF, inset 0 0 5px #000000;