Boxes

Styles

Boxed

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Boxed

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Stacked

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

<div class="boxed p-3">
  <h4>Boxed</h4>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>

<div class="bordered p-3">
  <h4>Boxed</h4>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>

<div class="bordered stacked p-3">
  <h4>Stacked</h4>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>

Interactions

Lift

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.lift Adds a lift animation on hover
.scale Adds a rising animation on hover