Marquee Banner CSS مولد

.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%); }
}