前端之家收集整理的这篇文章主要介绍了
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;
它会给你一个单一的梯度带横跨元素的顶部。
原文链接:https://www.f2er.com/css/222468.html