css - 如何仅在 3 个面上应用 box-shadow?
问题描述
我在下面使用我的 CSS 页面。他在 4 个面上应用了箱形阴影。
我希望它只应用于右侧、底部和左侧。
如何仅在 3 个面上应用 box-shadow ?
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.22);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.22);
-ms-box-shadow: 0 0 10px rgba(0,0,0,0.22);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.22);
box-shadow: 0 0 10px rgba(0,0,0,0.22);
解决方案
您总是可以执行以下操作:
.shadow-box {
background-color: #ddd;
margin: 0px auto;
padding: 10px;
width: 220px;
box-shadow: 0px 8px 10px gray,
-10px 8px 15px gray, 10px 8px 15px gray;
}
<div class="shadow-box">Box with shadows</div>
推荐阅读
- django - Django Forms 和 Crispy Form 帮助“查找键 [helper] 失败”
- visual-studio - 我只有 MacBook 的队友可以运行我的 Windows Xamarin.IOS 项目吗?
- python - 计算 f(x) 和 g(x) 之间的交点 (x,y),在 a 和 b 范围内
- bunifu - Winforms 应用程序未使用 Bunifu 框架在发布模式下编译
- postgresql - postgres 数组中空值的布尔比较
- nest - NEST 7 忽略属性映射,但在 _source 中仍然可用
- python - Conda、Keras、cuDNN:显示不同的版本
- sql-server - 当数据库被删除时,SQL Server 不会删除所有数据库文件?
- python - 从ShareSync(云文件存储)下载的Python脚本
- amazon-web-services - Master无法连接到集群