Answers for "css animate float left to right"

css animate float left to right

.marquee-container {
  white-space: nowrap;
  overflow: hidden;
}

.marquee-item {
  display: inline-block;
  position: relative;
  right: 0%;
  transform: translateX(0%);
  transition: right 1s, transform 1s;
}

.marquee-container:hover .marquee-item {
  right: -100%;
  transform: translateX(-100%);
}