Design et Ressources

Ribbon Card CSS Générateur

Générer ribbon badge card CSS.

Plus dans Design et Ressources

Entrée

Ribbon Card CSS Générateur

ribbonpromo cardcssui

Sortie

Ribbon Card CSS Generator

.ribbon-card {
  position: relative;
  overflow: hidden;
  max-width: 320px;
  border-radius: 12px;
  background: white;
  color: #0f172a;
  padding: 24px;
  box-shadow: 0 18px 32px rgba(15,23,42,0.08);
}

.ribbon-card::after {
  content: "Featured";
  position: absolute;
  top: 16px;
  right: -34px;
  padding: 8px 42px;
  background: #ef4444;
  color: #111827;
  transform: rotate(35deg);
  font-size: 12px;
  font-weight: 700;
}

Live preview

Live canvas

Outils similaires

Pill Badge CSS Générateur

Générer pill badge CSS style.

Pricing Card CSS Générateur

Générer pricing card CSS styles.

Status Indicator CSS Générateur

Générer live status badge CSS.

Accordion CSS Générateur

Générer accordion panel CSS.

Avatar Stack CSS Générateur

Générer overlapping avatar stack CSS.

Border Radius Générateur

Générer border-radius CSS de corner values.