css3 框阴影只在一个方向？

Question

我有一个元素有内嵌框阴影，但我只想在顶部有阴影。

有没有办法只设置顶部阴影？我是否必须求助于创建额外的元素来覆盖侧阴影？

Answer 1

这在技术上与@ChrisJ 的答案相同，但有更多关于如何制作 box-shadow 的细节。做你的命令:

供引用_{*项是可选的}:

box-shadow: <inset*> <offset-x> <offset-y> <blur-radius*> <spread-radius*> <color*>;

<spread-radius>需要为负 <blur-radius> (这样其他模糊的边都不会出现)，然后你需要碰撞 <offset-y>减少相同数量:

box-shadow: inset 0 20px 20px -20px #000000;

它会给你一个横跨元素顶部的渐变带。