2:26 に 0% の地点で animation-timing-function: ease-out; としていますが

 .message {
  width: 300px;
  padding: 8px 16px;
  background: #2c2c2c;
  color: #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  position: fixed;
  right: 32px;
  bottom: 32px;

  animation: popup 2s ease-out  forwards;
}

上記のように
animation 一括指定で中に書く方法と何か違いはあるのでしょうか？