Diseño y Recursos

Marquee Banner CSS Generador

Generar scrolling marquee banner CSS.

Más herramientas de Diseño y Recursos

Entrada

Marquee Banner CSS Generador

marqueetickercss animationbanner

Salida

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

Herramientas relacionadas

Spinner Loader CSS Generador

Generar CSS spinner loader snippets.

Accordion CSS Generador

Generar accordion panel CSS.

Avatar Stack CSS Generador

Generar overlapping avatar stack CSS.

Baseline Grid Generador

Generar baseline grid specs y CSS para vertical rhythm.

Blob Shape CSS Generador

Generar organic blob CSS shapes.

Border Radius Generador

Generar border-radius CSS desde corner values.