如何在CSS中添加時間戳？

在CSS中添加時間戳，可以通過使用CSS的@keyframes規(guī)則來實現。@keyframes規(guī)則用于創(chuàng)建動畫，而時間戳則用于指定動畫的關鍵幀。

你需要創(chuàng)建一個@keyframes規(guī)則，并給它一個名字，比如my-animation，你可以在這個規(guī)則中添加多個關鍵幀，每個關鍵幀對應一個時間戳，時間戳可以是百分比，也可以是具體的像素值或em單位。

你可以創(chuàng)建一個從0到100的動畫，其中每個關鍵幀對應一個時間戳：

@keyframes my-animation {
  0% { /* 動畫開始時的樣式 */ }
  25% { /* 動畫進行到25%時的樣式 */ }
  50% { /* 動畫進行到50%時的樣式 */ }
  75% { /* 動畫進行到75%時的樣式 */ }
  100% { /* 動畫結束時的樣式 */ }
}

在這個例子中，動畫從0開始，然后逐漸變化，直到100結束，每個關鍵幀都對應一個時間戳，表示動畫進行到該時間時的樣式。

你可以將這個動畫應用到一個元素上，比如一個div：

div {
  animation: my-animation 2s; /* 應用動畫，持續(xù)時間為2秒 */
}

這樣，當你訪問包含這個div的網頁時，你將看到一個從0到100的動畫效果，每個關鍵幀的樣式變化都會根據對應的時間戳來執(zhí)行。