css动画如何延迟一秒启动

可以使用CSS的transition-delay属性或者animation-delay属性来实现动画延迟一秒启动。

transition-delay属性：

/* 语法 */
transition-delay: time;

/* 示例 */
.box {
  width: 100px;
  height: 100px;
  background-color: red;
  transition: all 1s;
  transition-delay: 1s;
}

animation-delay属性：

/* 语法 */
animation-delay: time;

/* 示例 */
.box {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: myanimation 1s;
  animation-delay: 1s;
}

@keyframes myanimation {
  from {transform: scale(1);}
  to {transform: scale(1.5);}
}

上述示例中，transition-delay和animation-delay属性的值都为1s，表示动画延迟1秒启动。需要注意的是，transition和animation的delay属性的值必须和其对应的动画时长相等