widget animation

show-widget.js

// какая-то функция, которая показывает виджет

function showWidget($widget) {
  $widget.appendTo($parentElement);
  setTimeout(() => {
    $widget.addClass('show-widget');
  }, 1);
}

widget.scss

.c--widget {
  opacity: 0;
  transform: translateY(-30px);
  transition: opacity .2s ease, transform .3s ease;

  &.show-widget {
    opacity: 1;
    transform: translateY(0);
  }
}