CSS(Cascading Style Sheets)是一種用于規定網頁樣式的語言。它可以控制頁面中元素的排版,包括文本樣式、圖像大小、背景色等。
在網頁設計中,圖片旋轉或翻轉是一種常見的特效,可以使頁面更加生動。下面介紹一種使用CSS實現自動旋轉圖片的方法。
/* 首先定義一個樣式類,命名為rotate */ .rotate { animation: rotate 3s linear infinite; /* 使用animation屬性來實現旋轉動畫 */ } /* 接著定義旋轉動畫rotate */ @keyframes rotate { from { transform: rotate(0deg); /* 從0度開始旋轉 */ } to { transform: rotate(360deg); /* 旋轉一周后停止 */ } }
使用該方法時,需要將需要旋轉的圖片添加樣式類名為“rotate”,即可讓圖片自動旋轉。下面是一個示例:
上一篇hr漸變css樣式
下一篇htm css選擇器