Design e Recursos

Marquee Banner CSS Gerador

Gerar scrolling marquee banner CSS.

Mais de Design e Recursos

Entrada

Marquee Banner CSS Gerador

marqueetickercss animationbanner

Saída

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

Ferramentas relacionadas

Spinner Loader CSS Gerador

Gerar CSS spinner loader snippets.

Accordion CSS Gerador

Gerar accordion panel CSS.

Avatar Stack CSS Gerador

Gerar overlapping avatar stack CSS.

Baseline Grid Gerador

Gerar baseline grid specs e CSS para vertical rhythm.

Blob Shape CSS Gerador

Gerar organic blob CSS shapes.

Border Radius Gerador

Gerar border-radius CSS de corner values.