CSS延遲時間怎么設(shè)置？

在CSS中，可以使用transition-delay屬性來設(shè)置延遲時間。transition-delay屬性指定了動畫在瀏覽器渲染元素后多久開始播放，延遲時間可以是任何有效的CSS時間單位，例如秒（s）、毫秒（ms）等。

如果你想讓一個元素在加載后1秒后開始播放動畫，你可以這樣寫：

.my-element {
  transition-delay: 1s;
}

如果你想讓動畫在元素加載后立即開始播放，你可以將transition-delay設(shè)置為0：

.my-element {
  transition-delay: 0s;
}

transition-delay屬性只對使用transition或animation屬性的元素有效，如果你沒有設(shè)置transition或animation屬性，那么transition-delay屬性將不會有任何效果。

如果你使用的是CSS動畫（即@keyframes規(guī)則），那么你可以在每個關(guān)鍵幀中設(shè)置不同的延遲時間，以實現(xiàn)更復(fù)雜的動畫效果。

@keyframes my-animation {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}
.my-element {
  animation: my-animation 2s infinite;
  animation-delay: 1s;
}

在這個例子中，動畫將在元素加載后1秒后開始播放，每次旋轉(zhuǎn)360度需要2秒。