Shadow

Use this utility to add a shadow effect around the frame of an element.

.qw-shadow-none

.qw-shadow-1

.qw-shadow-2

.qw-shadow-3

.qw-shadow-4

.qw-shadow-5

            HTML
            
                Copy
            
<div class="qw-white py-5 px-2 border-radius qw-shadow-none">.qw-shadow-none</div>
<div class="qw-white py-5 px-2 border-radius qw-shadow-1">.qw-shadow-1</div>
<div class="qw-white py-5 px-2 border-radius qw-shadow-2">.qw-shadow-2</div>
<div class="qw-white py-5 px-2 border-radius qw-shadow-3">.qw-shadow-3</div>
<div class="qw-white py-5 px-2 border-radius qw-shadow-4">.qw-shadow-4</div>
<div class="qw-white py-5 px-2 border-radius qw-shadow-5">.qw-shadow-5</div>

Voyager

Shadow