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

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

概述是否可以一次将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元素所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址:http://outofmemory.cn/web/1048081.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

随机推荐

发表评论

登录后才能评论

评论列表(0条)

    保存