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

概述是否可以一次将2个框阴影应用于 HTML元素？我试图同时应用内部(插入)和外框阴影. 这使得元素内部的效果变得模糊.然后只是一个正常的外阴影. 例如： box-shadow: inset 5px 5px #000000;box-shadow: -1px 5px #FF00FF; 是. 您可以简单地执行以下 *** 作： box-shadow: 0 0 5px #FF00FF, inset 0 0 5px 是否可以一次将2个框阴影应用于 HTML元素？我试图同时应用内部(插入)和外框阴影.

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

例如：

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

解决方法 是.

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

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

A working example.

总结

以上是内存溢出为你收集整理的将内部和外部box-shadow应用于单个HTML元素全部内容，希望文章能够帮你解决将内部和外部box-shadow应用于单个HTML元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。