CSS阴影组件

阴影

<div class="box-shadow:0_2px_4px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.24)"></div>
<div class="box-shadow:0_4px_8px_rgba(0,0,0,0.16),0_4px_8px_rgba(0,0,0,0.23)"></div>
<div class="box-shadow:0_12px_24px_rgba(0,0,0,0.19),0_8px_8px_rgba(0,0,0,0.23)"></div>
<div class="box-shadow:0_16px_28px_rgba(0,0,0,0.25),0_12px_12px_rgba(0,0,0,0.22)"></div>
<div class="box-shadow:0_18px_38px_rgba(0,0,0,0.30),0_16px_12px_rgba(0,0,0,0.22)"></div>

<!--
stylify-components
	boxshadow1: 'box-shadow:0_2px_4px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.24)',
	boxshadow2: 'box-shadow:0_4px_8px_rgba(0,0,0,0.16),0_4px_8px_rgba(0,0,0,0.23)',
	boxshadow3: 'box-shadow:0_12px_24px_rgba(0,0,0,0.19),0_8px_8px_rgba(0,0,0,0.23)',
	boxshadow4: 'box-shadow:0_16px_28px_rgba(0,0,0,0.25),0_12px_12px_rgba(0,0,0,0.22)',
	boxshadow5: 'box-shadow:0_18px_38px_rgba(0,0,0,0.30),0_16px_12px_rgba(0,0,0,0.22)'
/stylify-components
-->

<div class="boxshadow1"></div>
<div class="boxshadow2"></div>
<div class="boxshadow3"></div>
<div class="boxshadow4"></div>
<div class="boxshadow5"></div>