6 replies

@keyframes steps difference

Hey, Is there a difference between these two keyframes? Does the

to

to

to

to and

from

from

from

from mean something different compared to the percentages?

@keyframes xyz {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes xyz {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes xyz {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes xyz {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes xyz {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes xyz {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes xyz {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes xyz {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

Thanks in advance.

@keyframes steps difference

Similar Threads

Similar Threads

Similar Threads