CSS3是Cascading Style Sheets的縮寫,是一種用于網頁樣式設計的技術,它可以增強網頁的視覺效果,改變元素的顏色、大小等屬性,提高用戶體驗。CSS3包含了大量的新特性,例如圓角、陰影、過渡效果、動畫、彈性布局等。
CSS3的特性十分豐富,以下是一些常用的特性示例:
/* 變換 */ .box{ transform: rotate(45deg); } /* 過渡 */ .box{ transition: all 0.3s ease-in-out; } /* 動畫 */ .box{ animation: slideIn 2s ease-in-out forwards; } /* 圓角 */ .box{ border-radius: 10px; } /* 陰影 */ .box{ box-shadow: 0 0 10px rgba(0,0,0,0.5); } /* 彈性布局 */ .container{ display: flex; justify-content: center; align-items: center; }
以上代碼僅僅是CSS3的冰山一角,通過CSS3我們可以創造出許多華麗的效果,使網頁更加美觀、吸引人。然而,CSS3也存在一些兼容性問題,部分老的瀏覽器無法支持,因此在編寫時需要留意。