為了讓網站更加生動有趣,我們可以使用CSS來制作星星閃光的效果。下面是制作步驟:
/* 定義星星的樣式 */ .star { width: 50px; height: 50px; background: url(star.png) no-repeat; background-size: contain; animation: shining 2s infinite; } /* 定義星星閃光的動畫 */ @keyframes shining { from { opacity: 0.5; } to { opacity: 1; } }
上面的代碼中,我們定義了一個名為“star”的class,使用了一個圖片作為星星的背景。同時,我們還使用了一個名為“shining”的關鍵幀動畫,用于控制星星的閃光效果。
如果我們想要在頁面中添加星星,只需要在HTML代碼中添加以下內容即可:
<div class="star"></div>
使用以上代碼,可以在頁面中添加一個星星元素,并且該星星會不斷閃光,具有非常炫酷的效果。