CSS動畫延時1秒的實現(xiàn)方法

在CSS動畫中，我們可以使用delay屬性來設置動畫的延時時間。delay屬性的值可以是具體的秒數(shù)，也可以是相對的時間（如1s、2s等）。

下面是一個簡單的CSS動畫示例，其中包含了延時1秒的設置：

@keyframes example {
  0% { background-color: red; }
  100% { background-color: blue; }
}
.my-element {
  animation-name: example;
  animation-duration: 2s;
  animation-delay: 1s;
}

在這個示例中，.my-element元素會等待1秒，然后開始播放名為example的動畫，動畫的總播放時間是2秒，從紅色背景漸變到藍色背景。

animation-delay屬性的值可以是負數(shù)，表示動畫會立即開始播放，而不管其他樣式規(guī)則如何設置。animation-duration屬性的值表示動畫從0%到100%所需的時間。

在實際應用中，你可以根據(jù)需要調(diào)整這些屬性的值，以達到不同的動畫效果，你也可以使用JavaScript來控制動畫的播放和停止。