جعبه

<div class="bg-gray p-4 border-radius">  <p class="font-large">Border radius</p>
</div>
<div class="bg-gray p-4 border-radius-1">  <p class="font-large">Border radius</p>
</div>

<div class="box-shadow p-4">  <p class="font-large">Box shadow</p>
</div>
<div class="hover-shadow p-4">  <p class="font-large">Box shadow on hover</p>
</div>

<div class="hover-float bg-gray p-4">  <p class="font-large">Float on hover</p>
</div>
<div class="hover-scale bg-gray p-4">  <p class="font-large">Scale on hover</p>
</div>
<div class="hover-shrink bg-gray p-4">  <p class="font-large">Shrink on hover</p>
</div>