Cacher is the code snippet organizer for pro developers

.snackbar-container {
  position: fixed;
  animation: snackbarIn 0.5s;
  ...
}

@keyframes snackbarIn {
  from {
    transform: translateY(-100px);
    opacity: 0;
  }
  to {
    ransform: translateY(100px);
    opacity: 1;
  }
}