Design et Ressources

Marquee Banner CSS Générateur

Générer scrolling marquee banner CSS.

Plus dans Design et Ressources

Entrée

Marquee Banner CSS Générateur

marqueetickercss animationbanner

Sortie

Marquee Banner CSS Generator

.marquee {
  overflow: hidden;
  border-radius: 12px;
  background: #fbbf24;
  color: #111827;
  padding: 10px 0;
  white-space: nowrap;
}

.marquee .track {
  display: inline-flex;
  gap: 24px;
  padding-left: 24px;
  animation: marquee 8s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

Live preview

Live canvas

Outils similaires

Spinner Loader CSS Générateur

Générer CSS spinner loader snippets.

Accordion CSS Générateur

Générer accordion panel CSS.

Avatar Stack CSS Générateur

Générer overlapping avatar stack CSS.

Baseline Grid Générateur

Générer baseline grid specs et CSS pour vertical rhythm.

Blob Shape CSS Générateur

Générer organic blob CSS shapes.

Border Radius Générateur

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