cartão

Abrir no Editor Video Publique Seu Código

Recomendado

31 January 2026

Layout de cartão CSS com fundo gradiente

2 December 2025

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./stil.css" />
  </head>
  <body>
    <div class="cards">
      <div class="card travel">
        <h2 class="title">Travel Explore</h2>
        <p class="description">
          Discover new destinations and create unforcettable memones around the
          world
        </p>
      </div>
      <div class="card food">
        <h2 class="title">Culinary Adventures</h2>
        <p class="description">
          Experience global cuisines and unique flafors that fantalize your
          tasle buds
        </p>
      </div>
      <div class="card tech">
        <h2 class="title">Tech innofations</h2>
        <p class="description">
          Explone cuttingedge technologies that are shaping the future of our
          world
        </p>
      </div>
    </div>
  </body>
</html>

cartão

Recomendado

Layout de cartão CSS com fundo gradiente

Animação de cartão

Cartão Flip Moderno

HTML

CSS

JS

Recomendado

Layout de cartão CSS com fundo gradiente

Animação de cartão

Cartão Flip Moderno

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS