CSS3是Cascading Style Sheets(層疊樣式表)的第三個版本。它是前端開發中用來定義并控制網頁外觀和布局的樣式表語言。CSS3引入了許多新的功能,諸如陰影、圓角、動畫等,使開發者能夠更加豐富和精細地控制網頁樣式。
.selector { box-shadow: 2px 2px 2px #ccc; border-radius: 5px; animation: slidein 1s ease-in-out; } @keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } }
其中,box-shadow屬性用于為元素添加陰影效果,參數分別為水平偏移量、垂直偏移量、模糊半徑和顏色。border-radius屬性用于設置元素的圓角半徑,可以同時設置四個角的半徑或單獨設置每個角。
animation屬性用于為元素添加動畫效果,需要定義動畫名稱、持續時間和運動曲線。而@keyframes則用于定義動畫的關鍵幀,描述動畫從一個狀態到另一個狀態的過渡效果。
總體來說,CSS3為開發者提供了更多的樣式選擇和更好的樣式控制能力,使得網頁設計更加出色。
下一篇css3寫月食效果