とほほのBootstrap 4入門

トップ > Bootstrap 4入門 > シャドウ

シャドウ

.shadow, .shadow-{none|sm|lg} はシャドー(影)を制御します。

Sample
Shadow none
Shadow small
Shadow
Shadow large
Code
<div class="shadow-none p-3 mb-3">Shadow none</div>
<div class="shadow-sm p-3 mb-3">Shadow small</div>
<div class="shadow p-3 mb-3">Shadow</div>
<div class="shadow-lg p-3">Shadow large</div>

Copyright (C) 2015-2019 杜甫々
初版:2015年9月6日 最終更新:2019年1月13日
http://www.tohoho-web.com/bootstrap/shadow.html