我正在尝试使用CSS翻译显示属性，但我失败了

Question

我正在尝试使用CSS翻译显示属性，但失败了。我将无法过渡显示属性3秒钟，但是它不起作用。

.container {
  display: block;
}

.container:hover {
  display: flex;
  transition: display 3s;
}

.items {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 100px;
  height: 100px;
  margin: 5px;
  background-color: red;
}

<div class="container">
  <div class="items">1</div>
  <div class="items">2</div>
  <div class="items">3</div>
  <div class="items">4</div>
  <div class="items">5</div>
</div>