css中transition的transition-delay用法

transition-delay属性定义了过渡效果何时开始。它可以接受一个时间值，也可以接受多个时间值，每个值对应于transition-property列表中的一个属性。如果只提供一个值，则该值将应用于所有属性。如果提供多个值，则必须与属性列表中的属性数量相同，否则多余的值将被忽略。当鼠标悬停在div元素上时，border-radius属性将在0.2秒后开始过渡效果。以下是一个例子：

div {
  width: 200px;
  height: 200px;
  background: red;
  margin: 20px auto;
  transition-property: border-radius;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  transition-delay: .2s;
}

div:hover {
  border-radius: 100%;
}