将内部和外部box-shadow应用于单个HTML元素

Question

是否可以一次将2个框阴影应用于HTML元素？我试图同时应用内部（插入）和外框阴影。

这使得元素内部的效果变得模糊。然后只是一个正常的外阴影。

例如：

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

Answer 1

是

您可以简单地执行以下操作：

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

A working example.

Answer 2

试试这个：

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