Do you think to add a fancy animation instead of refreshing? #Enhacement

[Matias-Carazzo]

Im trying to add a fancy animation to add new post on the container. Do you have any idea on how to implement it?

[tmlangley]

How about just using a css animation?

Example:

.social-feed-container {
  overflow: hidden;
}

.social-feed-element {
  transform: translateY(800%);
  opacity: 0;
  transition: 1s top;

  animation: 1s ease-in-out slideup;
  animation-fill-mode: forwards;
}

@keyframes slideup {
  from {
    transform: translateY(800%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

[tmlangley]

I should mention, this will slide them in as they come which could be a bit weird. If you want them to all slide in at once, you could use the js callback to add a class to each element with an X second delay.