CSS3是Cascading Style Sheets的第3級(jí)規(guī)范。它增加了許多新的功能,使得web開發(fā)的樣式編寫更加靈活和便利。現(xiàn)在我們將深入了解其一些新的特性,并通過(guò)實(shí)例演示如何使用它們。
/* 圓角 */ div { border-radius: 10px; } /* 陰影 */ div { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); } /* 漸變背景 */ div { background: linear-gradient(to bottom, #f00, #00f); } /* 動(dòng)畫 */ div { animation: my-animation 2s infinite; } @keyframes my-animation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
這些是僅僅是CSS3的一小部分特性,還有更多。掌握它們將使你的網(wǎng)頁(yè)更加具有吸引力和創(chuàng)意。不過(guò),也應(yīng)該注意瀏覽器的兼容性問(wèn)題,不要過(guò)度依賴新特性。