如何在导航栏下制作阴影？

【问题标题】：How can i make a shadow under the navbar?如何在导航栏下制作阴影？
【发布时间】：2022-08-18 17:41:29
【问题描述】：

我正在尝试使用 Html 和 CSS 制作这个 https://www.hackerrank.com/ 头版。但是他们的导航栏向下滑动时有一个非常漂亮的阴影。不知道怎么弄，求大神帮忙

标签： html css

【解决方案1】：

利用

--tw-shadow-color: #000;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

或在 css 中使用 boxshadow 属性

【讨论】：