css3框阴影只在一个方向?

前端之家收集整理的这篇文章主要介绍了css3框阴影只在一个方向?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个元素有插入盒阴影,但我想要的阴影只在顶部。

有没有办法只设置顶部的阴影?我必须诉诸创建额外的元素来覆盖侧面阴影吗?

谢谢

解决方法

这是技术上与@ChrisJ相同的答案,有一些更多的细节如何使你的投标进行投影:

供参考*项是可选的:

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;

它会给你一个单一的梯度带横跨元素的顶部。

猜你在找的CSS相关文章