Bootstrap5 阴影(Shadows)

原创
半兽人 发表于: 2020-07-27   最后更新时间: 2021-07-31 23:54:53  
{{totalSubscript}} 订阅, 2,902 游览

阴影(Shadows)

用阴影工具为元素添加或删除阴影(Shadows)

示例

在Bootstrap中,组件上的阴影默认是禁用的,可以通过$enable-shadows启用,你也可以通过我们的box-shadow实用类快速添加或删除阴影。包括对.shadow-none和三种默认尺寸的支持(有相关的变量来匹配)。

<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>

在线运行

更新于 2021-07-31
在线,3小时前登录

查看bootstrap5更多相关的文章或提一个关于bootstrap5的问题,也可以与我们一起分享文章