我關注了這個github & quot建設網站& quot教程，當設置& quot英雄& quot部分，我添加了一個動畫到& quot。英雄。形狀& quot正如作者建議的那樣:

.hero .shape {
  position: absolute;
  z-index: -1;

  animation: heroDecoAnim 3s linear infinite alternate;
}

@keyframes heroDecoAnim {
  0% { transform: translateY(40px) rotate(0); }
  100% { transform: translateY(0) rotate(0.4turn); }
}

然后，我在頁面上沒有得到任何改變(動畫不起作用)，但是在我不小心刪除了我自己的光標體樣式，回到作者的代碼并刷新頁面后，出現了& quot。英雄。形狀& quot動畫回來了，正常執行。 我的css樣式是:

body {
    background-color: var(--bg-oxford-blue-2);
    color: var(--text-shadow-blue);
    font-family: var(--fontFamily-noto_sans);
    font-size: 1.6rem;
    line-height: var(--lineHeight-4);
    overflow-y: overlay;
    cursor: wait; /* Here i changed the cursor style to 'wait' type */
}

作者的css樣式代碼為:

body {
  background-color: var(--bg-oxford-blue-2);
  color: var(--text-shadow-blue);
  font-family: var(--fontFamily-noto_sans);
  font-size: 1.6rem;
  line-height: var(--lineHeight-4);
  overflow-y: overlay;
}

Web平臺:Chrome版本112.0.5615.137(正式版)(x86_64)(我也在sarifa上測試過，得到了相同的結果) 代碼平臺:括號。

我不小心刪除了我自己的光標體樣式回作者的代碼并刷新了頁面。。英雄。形狀& quot動畫回來了，正常執行。

所以，我想知道身體的光標設置和我的& quot。英雄。形狀& quot元素的動畫？如果有人能幫我弄清楚，我將不勝感激。