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

saz*_*azr 3 html css css3

是否可以一次将2个框阴影应用于HTML元素?我正在尝试应用内部(插入)和外部框阴影.

这使得效果在元素内部模糊,然后只是正常的外部阴影.

例如:

box-shadow: inset 5px 5px #000000;
box-shadow: -1px 5px #FF00FF;
Run Code Online (Sandbox Code Playgroud)

Jos*_*ith 11

是.

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

box-shadow: 0 0 5px #FF00FF, inset 0 0 5px #000000;
Run Code Online (Sandbox Code Playgroud)

一个工作的例子.