CSS是前端開發中一個非常重要的語言,它可以讓我們實現各種各樣的效果。在本文中,我們將學習如何使用CSS插入一個漂亮的星星GIF圖。
.star { width: 200px; height: 200px; background: url("star.gif"); background-size: contain; animation: rotate 1s infinite linear; } @keyframes rotate { 100% { transform: rotate(360deg); } }
在上述代碼中,我們首先創建一個class名為star的元素,寬高分別為200像素,并使用background屬性將該元素的背景設為star.gif圖片。使用background-size屬性實現自適應大小。接著,使用CSS動畫實現星星的旋轉效果。
如果需要將該元素插入到網頁中,可以使用以下代碼:
<div class="star"></div>
此時,在網頁中就可以看到一個漂亮的旋轉星星GIF圖了。