@govbr-ds/core/dist/components/card/examples/card-hover.html

Padrão Digital de Governo

<div class="row">
  <div class="col-md">
    <div class="br-card hover">
      <div class="card-content">
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempore perferendis nam porro atque ex at, numquam non optio ab eveniet error vel ad exercitationem, earum et fugiat recusandae harum? Assumenda.</p>
      </div>
    </div>
  </div>
  <div class="col-md">
    <div class="br-card hover">
      <div class="card-content">
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempore perferendis nam porro atque ex at, numquam non optio ab eveniet error vel ad exercitationem, earum et fugiat recusandae harum? Assumenda.</p>
      </div>
    </div>
  </div>
  <div class="col-md">
    <div class="br-card hover">
      <div class="card-content">
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempore perferendis nam porro atque ex at, numquam non optio ab eveniet error vel ad exercitationem, earum et fugiat recusandae harum? Assumenda.</p>
      </div>
    </div>
  </div>
</div>