Berry CSS Helpers - MaxSite Plus

Home / Berry CSS Helpers

Berry CSS Berry CSS Builder

b-shadow

b-shadow1

b-shadow2

b-shadow3

b-shadow4

b-shadow5

b-shadow6

hover-b-shadow

hover-b-shadow1

hover-b-shadow2

hover-b-shadow3

hover-b-shadow4

hover-b-shadow5

hover-b-shadow6

<div class="b-flex flex-wrap t-center gap30">
    <div class="b-shadow  pad20 bg-primary50 ">b-shadow</div>
    <div class="b-shadow1 pad20 bg-primary50">b-shadow1</div>
    <div class="b-shadow2 pad20 bg-primary50">b-shadow2</div>
    <div class="b-shadow3 pad20 bg-primary50">b-shadow3</div>
    <div class="b-shadow4 pad20 bg-primary50">b-shadow4</div>
    <div class="b-shadow5 pad20 bg-primary50">b-shadow5</div>
    <div class="b-shadow6 pad20 bg-primary50">b-shadow6</div>
</div>

<div class="b-flex flex-wrap mar40-tb t-center gap30">
    <div class="hover-b-shadow  transition-duration300 pad20 bg-primary50">hover-b-shadow</div>
    <div class="hover-b-shadow1 transition-duration300 pad20 bg-primary50">hover-b-shadow1</div>
    <div class="hover-b-shadow2 transition-duration300 pad20 bg-primary50">hover-b-shadow2</div>
    <div class="hover-b-shadow3 transition-duration300 pad20 bg-primary50">hover-b-shadow3</div>
    <div class="hover-b-shadow4 transition-duration300 pad20 bg-primary50">hover-b-shadow4</div>
    <div class="hover-b-shadow5 transition-duration300 pad20 bg-primary50">hover-b-shadow5</div>
    <div class="hover-b-shadow6 transition-duration300 pad20 bg-primary50">hover-b-shadow6</div>
</div>